@buildocsdev/sdk 1.1.9 → 1.1.10

package/dist/chunk-CG7LKANA.js

@@ -0,0 +1,4 @@
+import {b as b$3,c as c$2}from'./chunk-NFMOGDFO.js';import {a as a$2,b as b$5}from'./chunk-PJIIIIOF.js';import {b as b$4,e as e$1}from'./chunk-FRAOYRZD.js';import {a as a$1}from'./chunk-22LEYH6Q.js';import {c as c$1,D,H,m,d,M,f,h,j,l,o,q,s,x as x$1,z,B,K,E,F,O,b as b$1,P as P$1,C,y,A,L as L$1,e as e$2,i,k as k$1,n as n$2,p,r as r$2,N as N$1,I as I$1,J as J$1,G as G$1}from'./chunk-TDUACBBC.js';import {b}from'./chunk-LBMVBVXW.js';import {n,k,m as m$1}from'./chunk-UWHLAM4N.js';import {N,D as D$1,P,r as r$1,n as n$1,I,f as f$1,H as H$1,j as j$1,h as h$1,J,L,K as K$1,z as z$1,F as F$1,e,G,u,v,k as k$2,M as M$1,B as B$1,a as a$3}from'./chunk-WXP75R33.js';import {a}from'./chunk-SDIZEEZP.js';import {b as b$2}from'./chunk-EK7ODJWE.js';import ie,{memo,useState,useCallback,useEffect,lazy}from'react';import {withTranslation}from'react-i18next';import As from'@mui/material/Tabs';import hn from'@mui/material/Tab';import Ke from'@mui/material/Box';import Zt from'@mui/material/TextField';import St from'@mui/material/Typography';import an from'@mui/material/Divider';import sn from'@mui/material/Paper';import pn from'@mui/material/Button';import Rs from'@mui/material/IconButton';import Es from'@mui/material/Checkbox';import dn from'@mui/material/FormControlLabel';import Ls from'@mui/material/Switch';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {SketchPicker}from'react-color';import {useDrop,DndProvider,useDrag}from'react-dnd';import {nanoid}from'@reduxjs/toolkit';import {HTML5Backend}from'react-dnd-html5-backend';function Yo({containerProps:p,onContainerPropsChange:t,disabled:e=false,onSave:o,onNext:i}){let n=N=>j=>{let A=j.target.value;N==="formCode"&&(A=A.replace(/[^a-z0-9]/gi,"").toUpperCase().slice(0,8)),t(N,A);},u=p.formCode||"",v=p.title||"",w=p.webhooks||[],D=p.useInIframe||false,_=u.trim()==="",a=u.trim().length>0&&u.trim().length<3,P=_||a,H=v.trim()==="",M=!P&&!H,V=10,q=N=>{let j=N.target.checked;t("useInIframe",j),!j&&w.length>0&&t("webhooks",[]);},G=()=>{if(w.length>=V)return;let N=[...w,{url:"",enabled:true}];t("webhooks",N);},K=N=>{let j=w.filter((A,ae)=>ae!==N);t("webhooks",j);},te=(N,j)=>{let A=[...w];A[N]={...A[N],url:j},t("webhooks",A);},Q=(N,j)=>{let A=[...w];A[N]={...A[N],enabled:j},t("webhooks",A);};return jsx(Ke,{sx:{height:"100%",overflowY:"auto",display:"flex",justifyContent:"center",alignItems:"flex-start",padding:4},children:jsxs(Ke,{sx:{width:"100%",maxWidth:"800px"},children:[jsxs(sn,{elevation:0,sx:{padding:3},children:[jsx(St,{variant:"h6",gutterBottom:true,sx:{fontWeight:"bold"},children:"Form Information"}),jsx(an,{sx:{marginBottom:2}}),jsxs(Ke,{sx:{display:"flex",flexDirection:"column",gap:2},children:[jsx(Zt,{label:"Form Code",value:u,onChange:n("formCode"),disabled:e,fullWidth:true,size:"small",required:true,error:P,helperText:_?"Form Code is required":a?"Form Code must be at least 3 characters":"Unique identifier for this form (3-8 characters, a-z0-9 only)",inputProps:{maxLength:8}}),jsx(Zt,{label:"Title",value:p.title||"",onChange:n("title"),disabled:e,fullWidth:true,size:"small",required:true,error:H,helperText:H?"Title is required":""}),jsx(Zt,{label:"Description",value:p.description||"",onChange:n("description"),disabled:e,fullWidth:true,size:"small",multiline:true,rows:4,helperText:"Brief description of the form's purpose"})]})]}),jsxs(sn,{elevation:0,sx:{padding:3,mt:3},children:[jsx(Ke,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:jsx(St,{variant:"h6",sx:{fontWeight:"bold"},children:"On Save Webhooks"})}),jsx(Ke,{sx:{mb:2},children:jsx(dn,{control:jsx(Ls,{checked:D,onChange:q,disabled:e,color:"primary"}),label:jsxs(Ke,{children:[jsx(St,{variant:"body1",sx:{fontWeight:500},children:"Form will be used in iframe"}),jsx(St,{variant:"caption",color:"text.secondary",children:"Enable this to configure webhook endpoints for form submission"})]})})}),D&&jsxs(Fragment,{children:[jsx(an,{sx:{marginBottom:2}}),jsxs(Ke,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[jsxs(St,{variant:"body2",color:"text.secondary",children:["Configure webhook endpoints to be called when the form is submitted. Up to ",V," webhooks allowed."]}),jsx(pn,{variant:"outlined",size:"small",startIcon:jsx(B$1,{}),onClick:G,disabled:e||w.length>=V,children:"Add Webhook"})]}),w.length===0?jsx(St,{variant:"body2",color:"text.secondary",sx:{textAlign:"center",py:2},children:'No webhooks configured. Click "Add Webhook" to add one.'}):jsx(Ke,{sx:{display:"flex",flexDirection:"column",gap:2},children:w.map((N$1,j)=>jsxs(Ke,{sx:{display:"flex",alignItems:"center",gap:1,p:1.5,border:"1px solid",borderColor:"divider",borderRadius:1,backgroundColor:N$1.enabled?"transparent":"action.disabledBackground"},children:[jsx(dn,{control:jsx(Es,{checked:N$1.enabled,onChange:A=>Q(j,A.target.checked),disabled:e,size:"small"}),label:"",sx:{mr:0}}),jsx(Zt,{label:`Webhook ${j+1} URL`,value:N$1.url,onChange:A=>te(j,A.target.value),disabled:e||!N$1.enabled,fullWidth:true,size:"small",placeholder:"https://example.com/webhook",error:N$1.enabled&&N$1.url.trim()!==""&&!N$1.url.startsWith("http"),helperText:N$1.enabled&&N$1.url.trim()!==""&&!N$1.url.startsWith("http")?"URL must start with http:// or https://":""}),jsx(Rs,{onClick:()=>K(j),disabled:e,size:"small",color:"error",title:"Remove webhook",children:jsx(N,{})})]},j))})]})]}),jsx(Ke,{sx:{display:"flex",justifyContent:"flex-end",mt:3},children:jsx(pn,{variant:"contained",color:"primary",onClick:i,disabled:e||!M,endIcon:jsx(a$3,{}),children:"Next"})})]})})}var Ko=class extends ie.PureComponent{constructor(t){var e;super(t),this.state={isLoaded:false,propvalue:t.propvalue,tabIndex:(e=t.tabIndex)!=null?e:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){let e=this.ref.current;e&&this.props.tabIndex===e.tabIndex&&e.focus(),this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let t=this.props.disabled||this.props.readOnly?"propvalue-container disabledElement":"propvalue-container",e=this.props.propname==="name"||this.props.propname==="groupname";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsx("div",{className:t,children:jsx("input",{ref:this.ref,type:"text",name:this.props.propname,defaultValue:this.props.propvalue,disabled:this.props.disabled,readOnly:this.props.readOnly,onChange:e?o=>{let i=o.target.value.toLowerCase().replace(/[^a-z0-9_]/g,"");o.target.value=i;}:void 0,onBlur:o=>{var n;let i=o.target.value.trim();((n=this.state.propvalue)!=null?n:"")!==i&&this.props.propChanged(o,this.props.attr,this.props.propname,i);},tabIndex:this.state.tabIndex})})]})}},x=withTranslation()(Ko);var cn=withTranslation()(memo(function(t){var n;let{name:e,value:o,visible:i=true}=(n=t.properties)!=null?n:{};return i?jsx("input",{type:"hidden",name:e,defaultValue:o}):null}));cn.displayName="_Hidden";var bn=cn;function Zo(p){if(typeof p=="boolean")return p;if(typeof p=="number")return p===1;if(typeof p=="string"){let t=p.toLowerCase().trim();return t==="true"?true:t==="false"?false:parseInt(p,10)===1}return  false}var er=class extends ie.PureComponent{constructor(e){var o,i;super(e);this.handleChange=e=>{let o=e.target.checked;this.state.checked!==o&&this.setState({checked:o},()=>{this.props.propChanged(this.state.checked,this.props.propname);});};this.state={isLoaded:false,proptitle:e.proptitle,propname:e.propname,checked:Zo(e.propvalue),hidelabel:(o=e.hidelabel)!=null?o:false,tabIndex:(i=e.tabIndex)!=null?i:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true,checked:Zo(this.props.propvalue)});}componentDidUpdate(e){let o=this.ref.current;o&&this.props.tabIndex===o.tabIndex&&o.focus(),e.propvalue!==this.props.propvalue&&this.setState({checked:Zo(this.props.propvalue)});}render(){if(this.state.isLoaded===false)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[this.state.hidelabel===false&&jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsxs("div",{className:e,children:[jsx(bn,{properties:{name:this.props.propname}}),jsx("input",{ref:this.ref,type:"checkbox",id:this.props.propname,disabled:this.props.disabled,tabIndex:this.state.tabIndex,name:this.props.propname,checked:this.state.checked,readOnly:false,onChange:this.handleChange})]})]})}},c=withTranslation()(er);var Ue=class Ue{static setProps(t){return Ue.ctx=t,Ue}static requireCtx(){if(!Ue.ctx)throw new Error("PropsCommon.setProps(...) was not called before using a PropsCommon method.");return Ue.ctx}static DataSourcePropsChange(t,e){let{selectedWidgetPropsChange:o,selectedWidgetProps:i}=Ue.requireCtx();return o(e,t,null,i)}static selectedWidgetPropsChange(t,e,o,i){let{selectedWidgetPropsChange:n,selectedWidgetProps:u}=Ue.requireCtx();return n(i,o,e,u)}static selectedDropdownWidgetPropsChange(t,e,o){let{selectedWidgetPropsChange:i,selectedWidgetProps:n}=Ue.requireCtx();return i(t,e,o,n)}static selectedCheckboxPropsChange(t,e){let{selectedWidgetPropsChange:o,selectedWidgetProps:i}=Ue.requireCtx();return o(!!t,e,null,i)}static selectedColorPropsChange(t,e){let{selectedWidgetPropsChange:o,selectedWidgetProps:i}=Ue.requireCtx(),u=t==null||t==="#000000"||t==="#000"||t==="rgb(0, 0, 0)"||t==="rgb(0,0,0)"||typeof t=="string"&&t.toLowerCase()==="black"?void 0:t;return o(u,e,"style",i)}static removeWidgetButtonClick(t){let{removeWidgetButtonClick:e}=Ue.requireCtx();return e(t)}};Ue.ctx=null;var r=Ue;var or=class extends ie.PureComponent{constructor(e){super(e);this.handleTabChange=(e,o)=>{this.setState({tabValue:o});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var K;if(this.state.isLoaded===false)return null;let{type:e}=((K=this.props.selectedWidgetProps)==null?void 0:K._path)||{};if(e!==c$1.CONTAINER)return null;let o=(te,Q,N)=>this.props.selectedWidgetPropsChange(te.target.value,N,Q,this.props.selectedWidgetProps),{title:i,subtitle:n,sourcetable:u,systemform:v,donotsave:w,hideheader:D,skiphandler:_,border:a,headerbackground:P,style:H}=this.props.selectedWidgetProps,{maxWidth:M,minHeight:V}=H!=null?H:{},q=jsxs(Fragment,{children:[jsx(x,{disabled:this.props.disabled,proptitle:"Title",propname:"title",attr:null,propvalue:i,propChanged:o}),jsx(x,{disabled:this.props.disabled,proptitle:"Sub Title",propname:"subtitle",attr:null,propvalue:n,propChanged:o}),jsx(c,{disabled:this.props.disabled,proptitle:"Hide Header",propname:"hideheader",attr:null,propvalue:D,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Border",propname:"border",attr:null,propvalue:a,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Header Background",propname:"headerbackground",attr:null,propvalue:P,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]}),G=jsxs(Fragment,{children:[jsx(x,{disabled:this.props.disabled,proptitle:"Max-width",propname:"maxWidth",attr:"style",propvalue:M,propChanged:o}),jsx(x,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:V,propChanged:o}),this.props.isBuildocsExtendedEditor&&jsx(x,{disabled:this.props.disabled,proptitle:"Source Table",propname:"sourcetable",attr:null,propvalue:u,propChanged:o}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"Do not Save",propname:"donotsave",attr:null,propvalue:w,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"System Form",propname:"systemform",attr:null,propvalue:v,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"Skip Handler Gen.",propname:"skiphandler",attr:null,propvalue:_,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"center",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{children:"Container Properties"})}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(As,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(hn,{label:"Default"}),jsx(hn,{label:"Advanced"})]})}),this.state.tabValue===0&&q,this.state.tabValue===1&&G]})}},fn=withTranslation()(or);var rr=class extends ie.PureComponent{constructor(t){super(t),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var n;if(this.state.isLoaded===false)return null;let{component:t,rowId:e}=((n=this.props.selectedWidgetProps)==null?void 0:n._path)||{};if(t===void 0||t!==D)return null;let o=(u,v,w)=>this.props.selectedWidgetPropsChange(u.target.value,w,v,this.props.selectedWidgetProps),{columns:i}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Row Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Row",onClick:()=>r.setProps(this.props).removeWidgetButtonClick(e)})})]}),jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:e})}),jsx(x,{disabled:this.props.disabled,proptitle:"Segment count",propname:"columns",attr:null,propvalue:i,propChanged:o})]})}},xn=withTranslation()(rr);var ir=class extends ie.PureComponent{constructor(t){super(t),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsx("div",{className:t,ref:this.ref,children:jsx("span",{className:"elwrapper",style:this.props.style,children:this.props.propvalue})})]})}},io=withTranslation()(ir);var nr=class extends ie.PureComponent{constructor(t){super(t),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var u,v;if(!this.state.isLoaded)return null;let{component:t,segmentId:e}=((u=this.props.selectedWidgetProps)==null?void 0:u._path)||{};if(t===void 0||t!==H)return null;let o=(w,D,_)=>this.props.selectedWidgetPropsChange(w.target.value,_,D,this.props.selectedWidgetProps),{flexGrow:i,minWidth:n}=(v=this.props.selectedWidgetProps.style)!=null?v:{};return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Row Segment Properties"})}),jsx(io,{disabled:this.props.disabled,proptitle:"ID",propvalue:e,style:{fontSize:"9px",lineHeight:"20px"}}),jsx(x,{disabled:this.props.disabled,proptitle:"Flex-grow",propname:"flexGrow",attr:"style",propvalue:i,propChanged:o}),jsx(x,{disabled:this.props.disabled,proptitle:"Min-width",propname:"minWidth",attr:"style",propvalue:n,propChanged:o})]})}},Pn=withTranslation()(nr);var ar=class extends ie.PureComponent{constructor(t){var e;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"fontWeight",propvalue:t.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,"style");return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Font-weight"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{normal:"Normal",bold:"Bold",100:"100",200:"200",300:"300",400:"400",500:"500",600:"600",700:"700",800:"800",900:"900"}})})]})}},xe=withTranslation()(ar);var sr=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"fontSize",propvalue:t.propvalue,defaultValue:(o=t.defaultValue)!=null?o:"15px"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var o;if(!this.state.isLoaded)return null;let t=(i,n)=>this.props.propChanged(n,i,"style"),e={};for(let i=10;i<=60;i++){let n=`${i}px`;e[n]=n;}return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Font-size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,defaultValue:this.state.defaultValue,propChanged:t,propname:this.state.propname,propvalue:(o=this.props.propvalue)!=null?o:this.state.propvalue,hidelabel:true,sort:"alpha",options:e})})]})}},ye=withTranslation()(sr);var dr=class extends ie.PureComponent{constructor(e){super(e);this.handleChange=e=>{e.hex&&this.props.propChanged(e.hex,this.props.propname);};this.handleReset=()=>{this.props.propChanged(void 0,this.props.propname),this.setState({propvalue:"#000000"});};this.state={isLoaded:false,propvalue:e.propvalue||"#000000"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){this.props.propvalue&&this.props.propvalue!==e.propvalue&&this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let e={width:"1.55em",height:"1.6em",margin:"6px 6px 6px",borderRadius:"4px",backgroundColor:this.state.propvalue},o=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[jsx("span",{className:"elwrapper caption",children:this.props.proptitle}),!this.props.disabled&&jsx(D$1,{style:{cursor:"pointer",fontSize:"12px",marginRight:"6px",color:"#666",opacity:.7},title:"Reset color",onClick:this.handleReset})]}),jsx("div",{className:o,ref:this.ref,children:this.props.disabled?jsxs("div",{style:{display:"flex",alignItems:"center"},children:[jsx("div",{style:e}),jsx("span",{style:{lineHeight:"2em",fontStyle:"normal"},children:this.state.propvalue.toUpperCase()})]}):jsx(SketchPicker,{color:this.state.propvalue,onChange:this.handleChange,disableAlpha:true})})]})}},ot=withTranslation()(dr);var lr=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"variant",propvalue:t.propvalue,options:(o=t.options)!=null?o:{standard:"Standard",outlined:"Outlined",filled:"Filled"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Variant"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,sort:"keydesc",options:this.state.options})})]})}},pt=withTranslation()(lr);var cr=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"buttontype",propvalue:t.propvalue,options:(o=t.options)!=null?o:{none:d.NONE,cancel:d.CANCEL,custom:d.CUSTOM,print:d.PRINT,save:d.SAVE}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Button Type"})}),jsx("div",{className:"propvalue-container",children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},En=withTranslation()(cr);var br=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"colorSchema",propvalue:t.propvalue,defaultValue:(o=t.defaultValue)!=null?o:""},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var o;if(!this.state.isLoaded)return null;let t=(i,n)=>this.props.propChanged(n,i,null),e={"":"",primary:"Primary",actionbtnok:"Action Button (Positive)",regularbtn:"Action Button (Neutral)"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Color Schema"})}),jsx("div",{className:"propvalue-container",children:jsx(m,{...this.props,defaultValue:this.state.defaultValue,propChanged:t,propname:this.state.propname,propvalue:(o=this.props.propvalue)!=null?o:this.state.propvalue,hidelabel:true,options:e})})]})}},Dn=withTranslation()(br);var ur=class extends ie.PureComponent{constructor(e){super(e);this.handleTabChange=(e,o)=>{this.setState({tabValue:o});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var V,q;if(this.state.isLoaded===false)return null;let{component:e,widgetId:o}=((V=this.props.selectedWidgetProps)==null?void 0:V._path)||{};if(e===void 0||e!==M)return null;let{title:i,buttontype:n,fullWidth:u,name:v,variant:w,colorSchema:D,visible:_,style:a}=this.props.selectedWidgetProps,P=(q=a==null?void 0:a.backgroundColor)!=null?q:"primary.main";D&&(P=`${D.toLowerCase()}.main`);let H=jsxs(Fragment,{children:[jsx(En,{attr:null,disabled:this.props.disabled,defaultValue:d.NONE.toLowerCase(),propvalue:n,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:i,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:v,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(Dn,{disabled:this.props.disabled,propvalue:D,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(ot,{disabled:this.props.disabled,proptitle:"Color",propname:"backgroundColor",propvalue:P,propChanged:r.setProps(this.props).selectedColorPropsChange}),jsx(pt,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",options:{contained:"Contained",outlined:"Outlined",text:"Text"},propvalue:w,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Full Width",propname:"fullWidth",propvalue:u,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:_,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]}),M$1=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:o})}),jsx(ye,{disabled:this.props.disabled,propvalue:a==null?void 0:a.fontSize,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(xe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:a==null?void 0:a.fontWeight,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Button Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>r.setProps(this.props).removeWidgetButtonClick(o)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(As,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(hn,{label:"Default"}),jsx(hn,{label:"Advanced"})]})}),this.state.tabValue===0&&H,this.state.tabValue===1&&M$1]})}},Mn=withTranslation()(ur);var gr=class extends ie.PureComponent{constructor(t){var e;super(t),this.state={isLoaded:false,propname:t.propname,propvalue:t.propvalue,title:(e=t.title)!=null?e:"Text Align"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e,o;if(!this.state.isLoaded)return null;let t=(i,n)=>this.props.propChanged(n,i,"style");return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.title})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:(e=this.state.propname)!=null?e:"textAlign",propvalue:(o=this.props.propvalue)!=null?o:this.state.propvalue,hidelabel:true,options:{left:"Left",center:"Center",right:"Right"}})})]})}},Le=withTranslation()(gr);var hr=class extends ie.PureComponent{constructor(t){var e;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"verticalalign",propvalue:t.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Vertical-align"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,options:{middle:"Middle",bottom:"Bottom"}})})]})}},mo=withTranslation()(hr);var vr=class extends ie.PureComponent{constructor(e){super(e);this.handleTabChange=(e,o)=>{this.setState({tabValue:o});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var G;if(this.state.isLoaded===false)return null;let{type:e,component:o,rowId:i,segmentId:n,widgetId:u}=((G=this.props.selectedWidgetProps)==null?void 0:G._path)||{};if(o===void 0||o!==f)return null;let{title:v,name:w,verticalalign:D,visible:_,style:{textAlign:a,fontSize:P,fontWeight:H,color:M}}=this.props.selectedWidgetProps,V=jsxs(Fragment,{children:[jsx(x,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:v,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:w,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(Le,{disabled:this.props.disabled,defaultValue:"left",propvalue:a,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:_,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]}),q=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:u})}),jsx(ot,{disabled:this.props.disabled,proptitle:"Color",propname:"color",propvalue:M,propChanged:r.setProps(this.props).selectedColorPropsChange}),jsx(ye,{disabled:this.props.disabled,propvalue:P,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(xe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:H,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(mo,{disabled:this.props.disabled,defaultValue:"middle",propvalue:D,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Label Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>r.setProps(this.props).removeWidgetButtonClick(u)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(As,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(hn,{label:"Default"}),jsx(hn,{label:"Advanced"})]})}),this.state.tabValue===0&&V,this.state.tabValue===1&&q]})}},Hn=withTranslation()(vr);var Cr=class extends ie.PureComponent{constructor(t){var e;super(t),this.state={isLoaded:false,propname:t.propname,propvalue:t.propvalue,tabIndex:(e=t.tabIndex)!=null?e:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(this.state.isLoaded===false)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Format"})}),jsx("div",{className:t,children:jsx("input",{ref:this.ref,type:"text",name:this.props.propname,defaultValue:(e=this.state.propvalue)!=null?e:"",disabled:this.props.disabled,onBlur:o=>{var n;let i=o.target.value.trim();((n=this.state.propvalue)!=null?n:"")!==i&&this.props.propChanged(o,this.props.attr,this.props.propname,i);},tabIndex:this.state.tabIndex})})]})}},An=withTranslation()(Cr);var xr=class extends ie.PureComponent{constructor(t){super(t),this.state={isLoaded:false,propname:t.propname,propvalue:t.propvalue,inputtype:t.inputtype};}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let t={input:"Input",inputwcopy:"Input/Copy Btn",date:"Date",time:"Time",datetime:"Date/Time",phone:"Phone",currency:"Currency",password:"Password"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Input Type"})}),jsx("div",{className:"propvalue-container",children:jsx(m,{propname:"inputtype",disabled:this.props.disabled,defaultValue:this.props.inputtype||"input",propChanged:(e,o)=>this.props.selectedDropdownWidgetPropsChange(o,e,null),hidelabel:true,sort:"alpha",options:t})})]})}},On=withTranslation()(xr);var yr=class extends ie.PureComponent{constructor(t){super(t),this.state={isLoaded:false,propname:t.propname,propvalue:t.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let t=(e,o)=>this.props.propChanged(o,e,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Default value"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"",today:"Today"}})})]})}},Un=withTranslation()(yr);var wr=class extends ie.PureComponent{constructor(t){super(t),this.state={isLoaded:false,propname:t.propname,propvalue:t.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let t=(e,o)=>this.props.propChanged(o,e,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Default value"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"","start of day":"start of day",now:"now"}})})]})}},qn=withTranslation()(wr);var Pr=class extends ie.PureComponent{constructor(t){var e;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"size",propvalue:t.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{small:"Small",medium:"Medium"}})})]})}},Et=withTranslation()(Pr);var kr=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"reservedname",propvalue:t.propvalue,options:(o=t.options)!=null?o:{_cby:"_cby (Created By)",_cdt:"_cdt (Created Date)",_desc:"_desc (Description)",_fcode:"_fcode (Form Code)",_mby:"_mby (Modified By)",_mdt:"_mdt (Modified Date)",_custom:"Custom"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Name"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,sort:"alpha",options:this.state.options})})]})}},Jn=withTranslation()(kr);var Tr=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"reservedregex",propvalue:t.propvalue,options:(o=t.options)!=null?o:{_codeInput:"A-Z Characters Only",_numbersOnly:"Numbers Only",_noSymbol:"Characters & Numbers",_custom:"Custom RegEx"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Allowed Input"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},Yn=withTranslation()(Tr);var Wr=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"currency_format",propvalue:t.propvalue,defaultValue:(o=t.defaultValue)!=null?o:"en-US"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var o;if(!this.state.isLoaded)return null;let t=(i,n)=>this.props.propChanged(n,i,null),e={"":"Don't display",locale:"Current Locale","fixed-locale":"Fixed Locale"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Currency Format"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,defaultValue:this.state.defaultValue,propChanged:t,propname:this.state.propname,propvalue:(o=this.props.propvalue)!=null?o:this.state.propvalue,hidelabel:true,options:e})})]})}},wo=withTranslation()(Wr);var Sr=class extends ie.PureComponent{constructor(t){var e;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"item_currencydisplay"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var o;if(!this.state.isLoaded)return null;let t=(i,n)=>this.props.propChanged(n,i,null),e={"":"None",symbol:"Symbol",code:"Code"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Currency Display"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(o=this.props.propvalue)!=null?o:"",hidelabel:true,options:e})})]})}},ko=withTranslation()(Sr);var Rr=class extends ie.PureComponent{constructor(t){var e;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"item_fixedlocale"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Fixed Locale"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:"",hidelabel:true,options:h(),sort:"keydesc"})})]})}},Wo=withTranslation()(Rr);var Er=class extends ie.PureComponent{constructor(e){super(e);this.handleTabChange=(e,o)=>{this.setState({tabValue:o});};this.state={isLoaded:false,tabValue:0};}componentDidMount(){this.setState({isLoaded:true});}render(){var S;if(this.state.isLoaded===false)return null;let{component:e,widgetId:o}=((S=this.props.selectedWidgetProps)==null?void 0:S._path)||{};if(e===void 0||e!==j)return null;let{currency_inputfield:i,currency_format:n,currency_currency:u,currency_fixedlocale:v,currency_currencydisplay:w,dateformat:D,defaultvalue:_,gsindex:a,forcereadonly:P,ignorereadonly:H,inputtype:M,label:V,placeholder:q,phoneformat:G,name:K,onchangehandler:te,readonly:Q,required:N$1,requiredmessage:j$1,reservedname:A,reservedregex:ae,regex:Ce,showicon:Ie,searchbar:_e,size:Me,uppercasemode:Ne,variant:Be,viewfield:s,visible:b,style:l}=this.props.selectedWidgetProps,{textAlign:C,fontSize:g,fontWeight:f}=l!=null?l:{},m=jsxs(Fragment,{children:[jsx(On,{disabled:this.props.disabled,inputtype:M,selectedDropdownWidgetPropsChange:r.setProps(this.props).selectedDropdownWidgetPropsChange,selectedWidgetPropsChange:r.setProps(this.props).selectedWidgetPropsChange}),M==="currency"&&jsxs(Fragment,{children:[jsx(wo,{disabled:this.props.disabled,propvalue:n,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),n==="fixed-locale"&&jsx(Wo,{disabled:this.props.disabled,propname:"currency_fixedlocale",propvalue:v,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),(n==="locale"||n==="fixed-locale")&&jsx(ko,{disabled:this.props.disabled,propname:"currency_currencydisplay",propvalue:w,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),(n===""||n===void 0||n==="locale")&&jsx(x,{disabled:this.props.disabled,proptitle:"Currency Field Name",propname:"currency_inputfield",attr:null,propvalue:i,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),(n===""||n===void 0)&&jsx(x,{disabled:this.props.disabled,proptitle:"Currency",propname:"currency_currency",attr:null,propvalue:u,propChanged:r.setProps(this.props).selectedWidgetPropsChange})]}),M==="input"&&jsx(Yn,{disabled:this.props.disabled,proptitle:"Allowed Input",propname:"reservedregex",attr:null,propvalue:ae,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),M==="input"&&ae==="_custom"&&jsx(x,{disabled:this.props.disabled,proptitle:"Custom RegEx",propname:"regex",attr:null,propvalue:Ce,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),M==="input"&&jsx(x,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:_,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),M==="date"&&jsx(Fragment,{children:jsx(Un,{disabled:this.props.disabled,defaultValue:"",propvalue:_,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange})}),M==="time"&&jsx(qn,{disabled:this.props.disabled,defaultValue:"",propvalue:_,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),(M==="date"||M==="time")&&jsx(An,{disabled:this.props.disabled,attr:null,propname:"dateformat",propvalue:D,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),M==="phone"&&jsx(x,{disabled:this.props.disabled,proptitle:"Phone Format",propname:"phoneformat",attr:null,propvalue:G,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:V,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(Jn,{disabled:this.props.disabled,proptitle:"Name",propname:"reservedname",attr:null,propvalue:A,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),A==="_custom"&&jsx(x,{disabled:this.props.disabled,proptitle:"Custom Name",propname:"name",attr:null,propvalue:K,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),M!=="date"&&M!=="time"&&jsx(x,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:q,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:N$1,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:j$1,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:Q,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(Et,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:Me,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(pt,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:Be,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:b,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]}),y=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:o})}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"GS Index",propname:"gsindex",attr:null,propvalue:a,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(ye,{disabled:this.props.disabled,propvalue:g,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(xe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:f,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Le,{disabled:this.props.disabled,defaultValue:"left",propvalue:C,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:te,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Readonly (On Edit)",propname:"forcereadonly",attr:null,propvalue:P,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Readonly Ignore",propname:"ignorereadonly",attr:null,propvalue:H,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),M==="date"&&jsx(c,{disabled:this.props.disabled,proptitle:"Show Icon",propname:"showicon",attr:null,propvalue:Ie,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),M!=="date"&&jsx(c,{disabled:this.props.disabled,proptitle:"Upper Case Mode",propname:"uppercasemode",attr:null,propvalue:Ne,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"Search Bar",propname:"searchbar",propvalue:_e,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:s,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Text Input Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>r.setProps(this.props).removeWidgetButtonClick(o)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(As,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(hn,{label:"Default"}),jsx(hn,{label:"Advanced"})]})}),this.state.tabValue===0&&m,this.state.tabValue===1&&y]})}},oa=withTranslation()(Er);var Dr=class extends ie.PureComponent{constructor(e){super(e);this.handleTabChange=(e,o)=>{this.setState({tabValue:o});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var Ce;if(!this.state.isLoaded)return null;let{component:e,widgetId:o}=((Ce=this.props.selectedWidgetProps)==null?void 0:Ce._path)||{};if(e===void 0||e!==l)return null;let{autocompleteTextArea:i,autosize:n,ignorereadonly:u,label:v,name:w,onchangehandler:D,placeholder:_,readonly:a,required:P,requiredmessage:H,size:M,variant:V,viewfield:q,visible:G,style:K}=this.props.selectedWidgetProps,{textAlign:te,fontSize:Q,fontWeight:N$1,minHeight:j}=K!=null?K:{},A=jsxs(Fragment,{children:[jsx(x,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:v,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:w,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:_,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:P,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:H,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:a,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:G,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(Et,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:M,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(pt,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:V,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange})]}),ae=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:o})}),jsx(c,{disabled:this.props.disabled,proptitle:"Auto Complete",propname:"autocompleteTextArea",propvalue:i!=null?i:false,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"Auto Size",propname:"autosize",propvalue:n,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:j,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(ye,{disabled:this.props.disabled,propvalue:Q,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(xe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:N$1,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Le,{disabled:this.props.disabled,defaultValue:"left",propvalue:te,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:D,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:u,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:q,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"TextArea Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>r.setProps(this.props).removeWidgetButtonClick(o)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(As,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(hn,{label:"Default"}),jsx(hn,{label:"Advanced"})]})}),this.state.tabValue===0&&A,this.state.tabValue===1&&ae]})}},na=withTranslation()(Dr);var Ir={backgroundColor:"white",cursor:"move"},$e=p$1=>{let{id:t,type:e,component:o$1,icon:i$1,title:n,disabled:u}=p$1,v=u?"formwidget disabledElement":"formwidget",w={};e===c$1.ROW?w=C.objectInspector.defaultProps:e===c$1.TAB?w=y.objectInspector.defaultProps:e===c$1.TABLE?w=A.objectInspector.defaultProps:e===c$1.WIDGET&&(o$1===M?w=L$1.objectInspector.defaultProps:o$1===f?w=e$2.objectInspector.defaultProps:o$1===j?w=i.objectInspector.defaultProps:o$1===l?w=k$1.objectInspector.defaultProps:o$1===o?w=n$2.objectInspector.defaultProps:o$1===E?w={datatype:"string",datalength:"1000",groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,tabIndex:0,style:{minHeight:"200px"},title:"File Uploader",value:"",visible:true}:o$1===F?w={groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,style:{minHeight:"200px"},tabIndex:0,title:"Placeholder",value:"",visible:true}:o$1===q?w=p.objectInspector.defaultProps:o$1===s?w=r$2.objectInspector.defaultProps:o$1===O&&(w=N$1.objectInspector.defaultProps));try{let[,D]=useDrag(()=>({type:e,item:{id:t,type:e,stricttype:o$1.displayName,component:o$1,properties:w,_children:[]}}));return u?jsx("div",{className:v,style:Ir,title:n,children:i$1}):jsx("div",{className:v,ref:D,style:Ir,title:n,children:i$1})}catch(D){return jsx("div",{className:v,style:Ir,title:n,children:i$1})}};var ld=p=>{let[t,e]=useState(""),{loadFields:o,viewPort:i}=b();useEffect(()=>{e(p.value);},[p.value]);let n=u=>{e(u.target.value);};return ie.createElement("div",{style:{display:"flex",width:"30%"}},ie.createElement(m$1,{id:nanoid(5),label:"Column Title",onBlur:p.onBlur,onInput:n,name:p.name,size:"small",type:"text",variant:"outlined",value:t,visible:true},null))},cd=p=>{let[t,e]=useState("");useEffect(()=>{e(p.value);},[p.value]);let o=i=>{e(i.target.value);};return ie.createElement(m$1,{id:nanoid(5),label:"Field Name",onBlur:p.onBlur,onInput:o,name:p.name,size:"small",type:"text",variant:"outlined",value:t,visible:true},null)},bd=p=>{let t=p.columns.map((e,o,i)=>ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex",alignItems:"center",gap:"1em"}},jsx(ld,{name:"coltitle_"+o,onBlur:n=>p.onColCaptionBlur(n,o),value:e[0]}),ie.createElement("div",{style:{width:"30%",display:"flex"}},p.isBuildocsExtendedEditor?ie.createElement(k,{key:nanoid(11),id:"colsource_"+o,data:p.source,darkMode:false,label:"Field Name",multiple:false,placeholder:"Field Name",readOnly:false,renderType:"none",selectedValue:[e[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:n=>p.onSourceChange(n,o)},null):jsx(cd,{name:"colsource_"+o,onBlur:n=>p.onColSourceBlur(n,o),value:e[1]})),ie.createElement("div",{style:{width:"30%",display:"flex"}},ie.createElement(k,{key:nanoid(11),id:"coltype_"+o,data:p.types,darkMode:false,label:"Type",multiple:false,placeholder:"Type",readOnly:false,renderType:"none",selectedValue:[e[2]==="string"?"freetext":e[2]==="currency"?"price":e[2]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:n=>p.onTypeChange(n,o)},null)),ie.createElement("div",{style:{display:"flex",width:"40px",flexShrink:0,alignItems:"center"}},o>0?jsx(Rs,{sx:{},onClick:n=>p.removeColumn(e),children:jsx(M$1,{style:{fontSize:"0.7em"}})}):null)));return jsxs(Fragment,{children:[jsx("div",{style:{paddingTop:"0.5em"},children:t}),jsx("div",{style:{paddingTop:"0.2em"},children:jsx("button",{id:"",className:"btn btn-outline-primary btn-sm",onClick:()=>p.addColumns(),children:"Add Column"})})]})},md=p=>{let t=p.columns.map((e,o)=>ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",width:"30%"}},ie.createElement(k,{key:nanoid(11),id:"colsource_"+o,data:p.source,darkMode:false,label:"Code",multiple:false,placeholder:"code",readOnly:false,renderType:"none",selectedValue:[e[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:i=>p.onSourceChange(i,o)},null))));return jsx(Fragment,{children:jsx("div",{style:{paddingTop:"0.5em"},children:t})})},ud=p=>{let t=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"20%"}},ie.createElement(k,{key:nanoid(11),id:"category",data:p.pluginCategories,darkMode:false,label:"Category",multiple:false,placeholder:"Category",readOnly:false,renderType:"none",selectedValue:[p.conditionCategory],size:"small",variant:"outlined",width:"100%",visible:true,onChange:e=>p.onFilterIndexChange(e,"category")},null)),p.conditionTemplateVisible?ie.createElement("div",{style:{display:"flex",marginLeft:"8px",width:"20%"}},ie.createElement(k,{key:nanoid(11),id:"template",data:p.pluginForms,darkMode:false,label:"Template",multiple:false,placeholder:"Template",readOnly:false,renderType:"none",selectedValue:[p.conditionTemplate],size:"small",variant:"outlined",width:"100%",visible:true,onChange:e=>p.onFilterIndexChange(e,"template")},null)):null);return jsx(Ke,{style:{paddingTop:"0.5em"},children:t})},gd=p=>{let t=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"20%"}},ie.createElement(k,{key:nanoid(11),id:"querytype",data:[{id:"regular",value:"Regular"},{id:"project",value:"By Project"},{id:"byfolderandchild",value:"By Folder & Children"},{id:"children",value:"Only child records"},{id:"amendment",value:"Amendment Chain"}],darkMode:false,label:"Breakdown",multiple:false,placeholder:"Select Breakdown",readOnly:false,renderType:"none",selectedValue:[p.conditionBreakdown],size:"small",variant:"outlined",width:"100%",visible:true,onChange:e=>p.onFilterIndexChange(e,"breakdown")},null)));return jsx(Ke,{children:t})},hd=p=>{let t=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"41%"}},ie.createElement(k,{key:nanoid(11),id:"disableCodegen",data:[{id:"",value:"Auto-Generate Code"},{id:"X",value:"Disable Auto-Generation of Table Widget Code"}],darkMode:false,label:"Code Generation",multiple:false,placeholder:"Select Mode",readOnly:false,renderType:"none",selectedValue:[p.disableCodegen],size:"small",variant:"outlined",width:"100%",visible:true,onChange:e=>p.onFilterIndexChange(e,"disableCodegen")},null)));return jsx(Ke,{children:t})},aa=memo(function(t){var f,m,y,S,R;let{loadFields:e,viewPort:o}=b(),[i,n]=useState((f=t.data)!=null&&f.columns?t.data.columns:[[null,null,"string"]]),[u,v]=useState(false),[w,D]=useState((m=t.data)!=null&&m.conditionCategory?t.data.conditionCategory:""),[_,a$1]=useState((y=t.data)!=null&&y.conditionTemplate?t.data.conditionTemplate:""),[P$1,H]=useState((S=t.data)!=null&&S.disableCodegen?t.data.disableCodegen:""),M=(R=t.data)!=null&&R.conditionBreakdown?t.data.conditionBreakdown:"regular",[V,q]=useState(M),[G,K]=useState(true),[te,Q]=useState([{id:"",value:""}]),[N,j]=useState([{id:"freetext",value:"String"},{id:"number",value:"Number"},{id:"date",value:"Date"},{id:"datetime",value:"Date / Time"},{id:"checkbox",value:"Checkbox"},{id:"price",value:"Price"}]),[A,ae]=useState([{id:"",value:""}]),[Ce,Ie]=useState([{id:"",value:""}]),_e=useCallback(async()=>{let h=d=>{let E=[{id:"",value:""}];for(let L in d)E.push({id:L,value:d[L]});return E};e&&await e({pluginCode:t.pluginCode}).then(d=>{if(d.meta.requestStatus==="fulfilled"){let E={...d.payload};E.pluginCategories&&Ie(h(E.pluginCategories)),E.pluginForms&&ae(h(E.pluginForms)),E.viewFields&&Q(h(E.viewFields)),v(true);}});},[]);if(useEffect(()=>{u||(t.isBuildocsExtendedEditor?_e():v(true));},[]),!u)return ie.createElement("div",{},jsx(a,{}));let Me=(h,d)=>{let E=h.target.value.trim();d==="category"?D(E):d==="disableCodegen"?H(E):d==="template"?a$1(E):d==="breakdown"&&(q(E),(E==="children"||E==="amendment")&&a$1(""));},Ne=(h,d)=>{let E=[...i];E[d]=[h.target.value.trim(),i[d][1],i[d][2]],n(E);},Be=(h,d)=>{let E=[...i];E[d]=[i[d][0],h.target.value.trim(),i[d][2]],n(E);},s=(h,d)=>{let E=[...i];E[d]=[i[d][0],h.target.value.trim(),i[d][2]],n(E);},b$1=(h,d)=>{let E=[...i];E[d]=[i[d][0],i[d][1],h.target.value.trim()],n(E);},l=()=>{n([...i,[null,null,null]]);},C=h=>{let d=i.filter(E=>E!==h);n(d);},g=()=>t.type==="SELECTBOX"?jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(Ke,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Source"}),jsx(md,{columns:i,onColCaptionBlur:Ne,onSourceChange:s,onTypeChange:b$1,addColumns:l,removeColumn:C,source:te})]})]}):jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(Ke,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Columns"}),jsx(bd,{columns:i,onColCaptionBlur:Ne,onColSourceBlur:Be,onSourceChange:s,onTypeChange:b$1,addColumns:l,removeColumn:C,source:te,types:N,isBuildocsExtendedEditor:t.isBuildocsExtendedEditor})]})]});return jsx(Fragment,{children:jsxs("div",{id:"main-content-wrapper tableQueryBuilder",style:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden"},children:[jsx("div",{className:"content on-scrollbar",style:{overflow:"auto",flex:"1 1 auto",minHeight:0},children:jsxs("div",{className:"main-content",style:{padding:"1em",paddingBottom:"0"},children:[jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"0.5em",width:"100%"},children:[jsx("h3",{style:{fontWeight:700,margin:0,flex:1},children:t.isBuildocsExtendedEditor?"Data Table Query Builder":"Column Manager"}),jsx("button",{onClick:t.closeForm,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"6px",border:"1px solid #ddd",background:"#fff",cursor:"pointer",borderRadius:"4px",fontSize:"1.1em",color:"#333",width:"32px",height:"32px",flexShrink:0},onMouseEnter:h=>{h.currentTarget.style.backgroundColor="#f5f5f5";},onMouseLeave:h=>{h.currentTarget.style.backgroundColor="#fff";},"aria-label":"Close",title:"Close",children:jsx(P,{})})]}),t.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(Ke,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Code Generator"}),jsx(hd,{disableCodegen:P$1,onFilterIndexChange:Me})]})]}),jsx(g,{}),t.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(Ke,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Breakdown"}),jsx(gd,{conditionBreakdown:V,onFilterIndexChange:Me})]})]}),t.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(Ke,{children:[jsx("h4",{style:{fontWeight:700},children:"Condition"}),jsx(ud,{conditionTemplateVisible:G,conditionCategory:w,conditionTemplate:_,onFilterIndexChange:Me,pluginCategories:Ce,pluginForms:A})]})]})]})}),jsxs("div",{className:"column-manager-footer",style:{display:"flex",justifyContent:"flex-end",padding:"1em",borderTop:"1px solid #e0e0e0",backgroundColor:"#fff",flexShrink:0,minHeight:"60px",alignItems:"center",gap:"0.5em"},children:[jsx("button",{id:"columnManagerSaveBtn",className:"btn btn-outline-primary btn-sm",style:{display:"inline-block"},onPointerUp:()=>t.saveForm({columns:i,conditionCategory:w,conditionTemplate:_,conditionBreakdown:V,disableCodegen:P$1}),children:"Save"}),jsx("button",{id:"columnManagerCloseBtn",className:"btn btn-outline-primary btn-sm",style:{display:"inline-block"},onClick:t.closeForm,children:"Close"})]})]})})});var Nr=class extends ie.PureComponent{constructor(e){var o,i,n;super(e);this.onSourceEditorOpen=()=>{this.props.disabled||this.setState({opened:true});};this.adjustColor=(e,o)=>"#"+e.replace(/^#/,"").replace(/../g,i=>("0"+Math.min(255,Math.max(0,parseInt(i,16)+o)).toString(16)).slice(-2));this.closeForm=()=>{this.setState({opened:false});};this.saveForm=e=>{this.setState({opened:false}),this.props.propChanged(this.state.propname,e);};this.state={isLoaded:false,pluginCode:e.pluginCode,proptitle:e.proptitle,propname:e.propname,propvalue:e.propvalue,opened:false,hidelabel:(o=e.hidelabel)!=null?o:false,tabIndex:(i=e.tabIndex)!=null?i:0,type:(n=e.type)!=null?n:"TABLE"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){var o,i;e.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue}),e.pluginCode!==this.props.pluginCode&&this.setState({pluginCode:this.props.pluginCode}),e.proptitle!==this.props.proptitle&&this.setState({proptitle:this.props.proptitle}),e.type!==this.props.type&&this.setState({type:this.props.type}),this.ref&&this.ref.current&&this.props.tabIndex===this.ref.current.tabIndex&&((i=(o=this.ref.current).focus)==null||i.call(o));}render(){var v;if(!this.state.isLoaded)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container",o=!!((v=this.state)!=null&&v.propvalue&&this.state.propvalue.columns),i=o?"Edit":"Not set",n$1=o?"rgb(88, 252, 0)":"#C0C0C0",u={"&.MuiButtonBase-root":{fontSize:"14px",padding:"3px",marginLeft:"-3px",width:"100%",height:"100%",borderRadius:"0px",boxShadow:"none",fontWeight:"normal",backgroundColor:n$1},"&.MuiButtonBase-root:hover":{backgroundColor:this.adjustColor(n$1,-50)}};return jsxs(Fragment,{children:[!this.state.hidelabel&&jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:e,ref:this.ref,children:jsx(n,{variant:"contained",label:i,onClick:this.onSourceEditorOpen,fullWidth:true,sx:u,tabIndex:0,disabled:this.props.disabled})}),this.state.opened&&!this.props.disabled?jsx(a$1,{component:jsx(aa,{inPreviewMode:false,pluginCode:this.props.pluginCode,modal:true,closeForm:this.closeForm,saveForm:this.saveForm,data:this.state.propvalue,type:this.state.type,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),id:"column-manager-modal",onCloseModal:this.closeForm,parentId:null,windowMode:"halfWindow"},`col-mgr-${Date.now()}`):null]})}},So=withTranslation()(Nr);var Br=class extends ie.PureComponent{constructor(t){super(t),this.state={isLoaded:false,propname:"tabIndex",propvalue:typeof t.propvalue=="number"?t.propvalue:t.propvalue!==void 0?Number(t.propvalue):void 0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){this.props.propvalue!==t.propvalue&&this.setState({propvalue:typeof this.props.propvalue=="number"?this.props.propvalue:this.props.propvalue!==void 0?Number(this.props.propvalue):void 0});}render(){if(!this.state.isLoaded)return null;this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return null}},da=withTranslation()(Br);var zr=class extends ie.PureComponent{constructor(t){var e;super(t),this.state={isLoaded:false,propname:"rendertype",propvalue:(e=t.propvalue)!=null?e:"none"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Render Type"})}),jsx("div",{className:"propvalue-container",children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,options:{none:"None",checkbox:"Checkbox",chip:"Chip"}})})]})}},ca=withTranslation()(zr);var Fr=class extends ie.PureComponent{constructor(e){var i;super(e);this.convertToText=e=>!e||!Array.isArray(e)||e.length===0?"":e.map(o=>{if(typeof o=="object"&&o!==null){let i=o.value||o.id||"",n=o.id||"";return i===n?i:`${i}|${n}`}return o}).filter(o=>o.trim()!=="").join(`
+`);this.convertToArray=e=>!e||e.trim()===""?[]:e.split(`
+`).map(o=>o.trim()).filter(o=>o!=="").map(o=>{let i=o.indexOf("|");if(i!==-1){let n=o.substring(0,i).trim();return {id:o.substring(i+1).trim(),value:n}}else return {id:o,value:o}});this.handleBlur=e=>{let o=e.target.value;if(this.state.lastSavedValue!==o){let n=this.convertToArray(o);this.setState({textValue:o,lastSavedValue:o}),this.props.propChanged(e,this.props.attr,this.props.propname,n);}};let o=this.convertToText(e.propvalue);this.state={isLoaded:false,textValue:o,lastSavedValue:o,tabIndex:(i=e.tabIndex)!=null?i:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){let o=this.ref.current;if(o&&this.props.tabIndex===o.tabIndex&&o.focus(),this.props.propvalue!==e.propvalue){let i=this.convertToText(this.props.propvalue);this.setState({textValue:i,lastSavedValue:i});}}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsx("div",{className:e,children:jsx("textarea",{ref:this.ref,name:this.props.propname,value:this.state.textValue,disabled:this.props.disabled,onChange:o=>this.setState({textValue:o.target.value}),onBlur:this.handleBlur,tabIndex:this.state.tabIndex,placeholder:`Enter values (one per line)
+Format: DisplayText|value or just DisplayText`,style:{width:"100%",minHeight:"80px",fontFamily:"inherit",fontSize:"12px",padding:"4px",border:"1px solid #ccc",borderRadius:"3px",resize:"vertical"}})})]})}},ma=withTranslation()(Fr);var Vr=class extends ie.PureComponent{constructor(e){super(e);this.handleTabChange=(e,o)=>{this.setState({tabValue:o});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var s;if(!this.state.isLoaded)return null;let{component:e,widgetId:o$1}=((s=this.props.selectedWidgetProps)==null?void 0:s._path)||{};if(e===void 0||e!==o)return null;let {gsindex:i,ignorereadonly:n,dropsource:u,dropvalues:v,label:w,multiple:D,name:_,onchangehandler:a,placeholder:P,forcereadonly:H,readonly:M,required:V,requiredmessage:q,rendertype:G,searchbar:K,size:te,tabIndex:Q,variant:N$1,viewfield:j,visible:A,style:ae}=this.props.selectedWidgetProps,{fontSize:Ce,fontWeight:Ie,minHeight:_e}=ae!=null?ae:{},Ne=jsxs(Fragment,{children:[this.props.isBuildocsExtendedEditor&&jsx(So,{disabled:this.props.disabled,proptitle:"Column Manager",propname:"dropsource",propvalue:u,propChanged:r.setProps(this.props).DataSourcePropsChange,tabIndex:Q!==void 0?Q++:void 0,pluginCode:this.props.pluginCode,type:"SELECTBOX",isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),jsx(x,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:w,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:_,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:P,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(ma,{disabled:this.props.disabled,proptitle:"Dropdown Values",propname:"dropvalues",attr:null,propvalue:v,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{attr:null,disabled:this.props.disabled,proptitle:"Multiple",propname:"multiple",propvalue:D,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Search Bar",propname:"searchbar",propvalue:K,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:V,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:q,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:M,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(ca,{attr:null,disabled:this.props.disabled,propvalue:G,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Et,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:te,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(pt,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:N$1,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:A,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]}),Be=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:o$1})}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"GS Index",propname:"gsindex",attr:null,propvalue:i,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(ye,{disabled:this.props.disabled,propvalue:Ce,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(xe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:Ie,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(da,{attr:null,disabled:this.props.disabled,propvalue:Q,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:a,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Readonly (On Edit)",propname:"forcereadonly",attr:null,propvalue:H,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Readonly Ignore",propname:"ignorereadonly",attr:null,propvalue:n,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:j,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"SelectBox Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>r.setProps(this.props).removeWidgetButtonClick(o$1)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(As,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(hn,{label:"Default"}),jsx(hn,{label:"Advanced"})]})}),this.state.tabValue===0&&Ne,this.state.tabValue===1&&Be]})}},ha=withTranslation()(Vr);var Ar=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"elementSize",propvalue:t.propvalue,defaultValue:(o=t.defaultValue)!=null?o:"1.35em"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var o;if(!this.state.isLoaded)return null;let t=(i,n)=>this.props.propChanged(n,i,"style"),e={"1.0em":"1.0em","1.1em":"1.1em","1.2em":"1.2em","1.3em":"1.3em","1.35em":"1.35em","1.4em":"1.4em","1.5em":"1.5em","1.6em":"1.6em","1.7em":"1.7em","1.8em":"1.8em"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,defaultValue:this.state.defaultValue,propChanged:t,propname:this.state.propname,propvalue:(o=this.props.propvalue)!=null?o:this.state.propvalue,hidelabel:true,sort:"alpha",options:e})})]})}},Do=withTranslation()(Ar);var Or=class extends ie.PureComponent{constructor(t){super(t),this.state={isLoaded:false,propname:t.propname,propvalue:t.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Label Position"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:"labelplacement",propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,options:{bottom:"bottom",end:"end",start:"start",top:"top"}})})]})}},_o=withTranslation()(Or);var Ur=class extends ie.PureComponent{constructor(e){super(e);this.handleTabChange=(e,o)=>{this.setState({tabValue:o});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var Q;if(this.state.isLoaded===false)return null;let{component:e,widgetId:o}=((Q=this.props.selectedWidgetProps)==null?void 0:Q._path)||{};if(e===void 0||e!==q)return null;let{defaultvalue:i,ignorereadonly:n,label:u,labelplacement:v,name:w,onchangehandler:D,readonly:_,required:a,value:P,viewfield:H,visible:M,style:V}=this.props.selectedWidgetProps,{textAlign:q$1,elementSize:G}=V!=null?V:{},K=jsxs(Fragment,{children:[jsx(x,{disabled:this.props.disabled,proptitle:"Label Text",propname:"label",attr:null,propvalue:u,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:w,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Value",propname:"value",attr:null,propvalue:P,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:i,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(_o,{disabled:this.props.disabled,defaultValue:"end",propvalue:v,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:a,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:_,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:M,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]}),te=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:o})}),jsx(Do,{disabled:this.props.disabled,propvalue:G,defaultValue:"1.35em",propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Le,{disabled:this.props.disabled,defaultValue:"left",propvalue:q$1,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:D,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:n,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:H,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"CheckBox Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>r.setProps(this.props).removeWidgetButtonClick(o)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(As,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(hn,{label:"Default"}),jsx(hn,{label:"Advanced"})]})}),this.state.tabValue===0&&K,this.state.tabValue===1&&te]})}},ya=withTranslation()(Ur);var qr=class extends ie.PureComponent{constructor(e){super(e);this.handleTabChange=(e,o)=>{this.setState({tabValue:o});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var Q;if(!this.state.isLoaded)return null;let{component:e,widgetId:o}=((Q=this.props.selectedWidgetProps)==null?void 0:Q._path)||{};if(e===void 0||e!==s)return null;let{groupname:i,defaultvalue:n,ignorereadonly:u,label:v,labelplacement:w,name:D,onchangehandler:_,readonly:a,value:P,viewfield:H,visible:M,style:V}=this.props.selectedWidgetProps,{textAlign:q,elementSize:G}=V!=null?V:{},K=jsxs(Fragment,{children:[jsx(x,{disabled:this.props.disabled,proptitle:"Label Text",propname:"label",attr:null,propvalue:v,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Group Name",propname:"groupname",attr:null,propvalue:i,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:D,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Value",propname:"value",attr:null,propvalue:P,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:n,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(_o,{disabled:this.props.disabled,defaultValue:"end",propvalue:w,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:a,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:M,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]}),te=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:o})}),jsx(Do,{disabled:this.props.disabled,propvalue:G,defaultValue:"1.35em",propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Le,{disabled:this.props.disabled,defaultValue:"left",propvalue:q,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:_,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:u,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:H,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Radio Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>r.setProps(this.props).removeWidgetButtonClick(o)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(As,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(hn,{label:"Default"}),jsx(hn,{label:"Advanced"})]})}),this.state.tabValue===0&&K,this.state.tabValue===1&&te]})}},ka=withTranslation()(qr);var Wa=memo(function({tabId:t,id:e,getSelectedWidgetId:o,getActiveTabIndex:i,moveRowItem:n,addRowSegmentItem:u,findPanelItem:v,findSegmentItem:w,findWidgetItem:D,moveWidgetItem:_,onPointerUp:a,showMessage:P,getEditMode:H,eventDispatcher:M,getFormData:V}){let q=v(t,e),G=q.index,[,K]=useState(false),[,te]=useState(false),[{isOver:Q,isOverCurrent:N}]=useDrop(()=>({accept:[c$1.ROW,c$1.TAB],drop(j,A){let ae=A.didDrop();ae||(n(j,t,e,e,G,j.tabId===t),K(true),te(ae));},collect:j=>({isOver:j.isOver(),isOverCurrent:j.isOver({shallow:true}),activeItem:j.getItem()})}),[K,te]);return ie.createElement(ie.Fragment,{},jsx(x$1,{children:q.item._children.map(({panelId:j,id:A,component:ae,properties:Ce})=>ie.createElement(ae,{key:"tabpanel_"+A,tabId:t,panelId:j,properties:Ce,onPointerUp:(Ie,_e,Me,Ne,Be,s,b)=>{Ie.stopPropagation(),a(Ie,_e,Me,Ne,Be,s,b);},showMessage:P,addRowSegmentItem:u,getSelectedWidgetId:o,getActiveTabIndex:i,findSegmentItem:w,findWidgetItem:D,moveWidgetItem:_,getEditMode:H,eventDispatcher:M,getFormData:V},null))}))});Wa.displayName="_Tabpanel";var Mo=Wa;var Xr=class extends ie.PureComponent{constructor(e){super(e);this.handleTabChange=(e,o)=>{this.setState({tabValue:o});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var Q,N$1;if(this.state.isLoaded===false)return null;let{component:e,widgetId:o}=((Q=this.props.selectedWidgetProps)==null?void 0:Q._path)||{};if((e===void 0||e!==z)&&e!==Mo)return null;let{item_title:i,item_default_color:n,item_active_color:u,item_default_background_color:v,item_active_background_color:w,item_fontsize:D,item_fontweight:_,item_name:a,item_visible:P}=(N$1=this.props.selectedWidgetProps.tabsetup)!=null?N$1:{},{name:H,tabcount:M,visible:V}=this.props.selectedWidgetProps,q=a&&a!=="",G=()=>q?jsxs(Fragment,{children:[jsx("div",{className:"header item-header",style:{fontSize:"14px",fontWeight:"600",padding:"12px 10px"},children:"Tab Item Properties"}),jsx(x,{disabled:this.props.disabled,proptitle:"Caption",propname:"item_title",attr:null,propvalue:i,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Item Name",propname:"item_name",attr:null,propvalue:a,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Visible",propname:"item_visible",propvalue:P,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]}):null,K=jsxs(Fragment,{children:[jsx(x,{disabled:this.props.disabled||q,proptitle:"Name",propname:"name",attr:null,propvalue:H,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled||q,proptitle:"Tab Count",propname:"tabcount",attr:null,propvalue:M,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{disabled:this.props.disabled||q,proptitle:"Visible",propname:"visible",propvalue:V,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(G,{})]}),te=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:o})}),jsx(ot,{disabled:this.props.disabled,proptitle:"Bg-Color",propname:"item_default_background_color",propvalue:v,propChanged:r.setProps(this.props).selectedColorPropsChange}),jsx(ot,{disabled:this.props.disabled,proptitle:"Bg-Hover-Color",propname:"item_active_background_color",propvalue:w,propChanged:r.setProps(this.props).selectedColorPropsChange}),jsx(ot,{disabled:this.props.disabled,proptitle:"Text-Color",propname:"item_default_color",propvalue:n,propChanged:r.setProps(this.props).selectedColorPropsChange}),jsx(ot,{disabled:this.props.disabled,proptitle:"Text-Hover-Color",propname:"item_active_color",propvalue:u,propChanged:r.setProps(this.props).selectedColorPropsChange}),jsx(ye,{disabled:this.props.disabled,propname:"item_fontsize",propvalue:D,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(xe,{disabled:this.props.disabled,propname:"item_fontweight",defaultValue:"bold",propvalue:_,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Tab Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>r.setProps(this.props).removeWidgetButtonClick(o)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(As,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(hn,{label:"Default"}),jsx(hn,{label:"Advanced"})]})}),this.state.tabValue===0&&K,this.state.tabValue===1&&te]})}},Ea=withTranslation()(Xr);var Jr=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"pagesize",propvalue:t.propvalue,proptitle:(o=t.proptitle)!=null?o:"Pagesize"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var o;if(!this.state.isLoaded)return null;let t=(i,n)=>this.props.propChanged(n,i,null),e={50:"50",100:"100",300:"300",500:"500"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(o=this.props.propvalue)!=null?o:this.state.propvalue,hidelabel:true,options:e})})]})}},Da=withTranslation()(Jr);var Qr=class extends ie.PureComponent{constructor(t){var e,o,i,n;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"rowactions",propvalue:(o=t.propvalue)!=null?o:"{}",proptitle:(i=t.proptitle)!=null?i:"Row Actions",rowactiontype:(n=t.rowactiontype)!=null?n:"none"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var i;if(!this.state.isLoaded||((i=this.props.rowactiontype)!=null?i:this.state.rowactiontype)==="none")return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container",e=(n,u,v)=>(v[u]=n,this.props.propChanged(null,null,"rowactions",JSON.stringify(v))),o={};try{o=JSON.parse(this.props.propvalue||this.state.propvalue||"{}")||{};}catch(n){o={};}return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsxs("div",{className:t,ref:this.ref,children:[this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(c,{disabled:this.props.disabled,hidelabel:true,propname:"action_editrow",propvalue:o.action_editrow,propChanged:(n,u)=>e(n,u,o)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Edit Row"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(c,{disabled:this.props.disabled,hidelabel:true,propname:"action_edit",propvalue:o.action_edit,propChanged:(n,u)=>e(n,u,o)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Edit"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(c,{disabled:this.props.disabled,hidelabel:true,propname:"action_amend",propvalue:o.action_amend,propChanged:(n,u)=>e(n,u,o)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Amend"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(c,{disabled:this.props.disabled,hidelabel:true,propname:"action_print",propvalue:o.action_print,propChanged:(n,u)=>e(n,u,o)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Print"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(c,{disabled:this.props.disabled,hidelabel:true,propname:"action_download",propvalue:o.action_download,propChanged:(n,u)=>e(n,u,o)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Download"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(c,{disabled:this.props.disabled,hidelabel:true,propname:"action_delete",propvalue:o.action_delete,propChanged:(n,u)=>e(n,u,o)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Delete"})]}),this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(c,{disabled:this.props.disabled,hidelabel:true,propname:"action_copy",propvalue:o.action_copy,propChanged:(n,u)=>e(n,u,o)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Copy Template"})]}),this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(c,{disabled:this.props.disabled,hidelabel:true,propname:"action_sign",propvalue:o.action_sign,propChanged:(n,u)=>e(n,u,o)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Sign"})]})]})]})}},_a=withTranslation()(Qr);var Yr=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"rowdensity",propvalue:t.propvalue,proptitle:(o=t.proptitle)!=null?o:"Row Density"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{comfortable:"Comfortable",compact:"Compact",spacious:"Spacious"}})})]})}},Na=withTranslation()(Yr);var Kr=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"rowactiontype",propvalue:t.propvalue,proptitle:(o=t.proptitle)!=null?o:"Row Actions Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,options:{none:"None",flat:"Flat",menu:"Menu",...this.props.isBuildocsExtendedEditor&&{primary:"Primary"}}})})]})}},za=withTranslation()(Kr);var Zr=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"rowclickas",propvalue:t.propvalue,proptitle:(o=t.proptitle)!=null?o:"Row Click As"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,options:{none:"None",new:"Add New"}})})]})}},Ha=withTranslation()(Zr);var ei=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"tablemode",propvalue:t.propvalue,proptitle:(o=t.proptitle)!=null?o:"Table Mode"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,options:{datatable:"Datatable",tabulator:"Tabulator"}})})]})}};withTranslation()(ei);var ti=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"searchtype",propvalue:t.propvalue,proptitle:(o=t.proptitle)!=null?o:"Search Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,options:{startsWith:"StartsWith",contains:"Contains"}})})]})}},ja=withTranslation()(ti);var ri=class extends ie.PureComponent{constructor(e){super(e);this.handleTabChange=(e,o)=>{this.setState({tabValue:o});};this.handleEditRowModeChange=(e,o)=>{let i=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(!!e,o,null,i),setTimeout(()=>{let n=e?"tabulator":"datatable";this.props.selectedWidgetPropsChange(n,"tablemode",null,this.props.selectedWidgetProps);},0);};this.state={isLoaded:false,tabValue:0};}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){var o,i,n,u;((i=(o=e.selectedWidgetProps)==null?void 0:o._path)==null?void 0:i.widgetId)!==((u=(n=this.props.selectedWidgetProps)==null?void 0:n._path)==null?void 0:u.widgetId)&&this.setState({tabValue:0});}render(){var ve;if(this.state.isLoaded===false)return null;let{component:e,rowId:o}=((ve=this.props.selectedWidgetProps)==null?void 0:ve._path)||{};if(e===void 0||e!==B)return null;let {alloweditrow:i,backendpagination:n,columns:u,colactions:v,colgrouping:w,colordering:D,colresizing:_,datasource:a,height:P,hideaddbutton:H,name:M,folders:V,foldercaption:q,pagination:G,pagesize:K,readonly:te,ignorereadonly:Q,rowactions:N$1,rowactiontype:j,rowclickas:A,rowdensity:ae,rownumber:Ce,rowselection:Ie,rowvirtualization:_e,search:Me,searchtype:Ne,selectall:Be,stickyheader:s,tablemode:b,toolbarInternalActions:l,topToolbar:C,enableuploadfiles:g,uploadtemplcode:f,visible:m,style:y}=this.props.selectedWidgetProps,{fontSize:S,fontWeight:R}=y!=null?y:{},d=1,E=jsxs(Fragment,{children:[jsx(So,{disabled:this.props.disabled,proptitle:"Column Manager",propname:"datasource",propvalue:a,propChanged:r.setProps(this.props).DataSourcePropsChange,tabIndex:d++,pluginCode:this.props.pluginCode,type:"TABLE",isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),jsx(c,{disabled:this.props.disabled,proptitle:"Edit Row Mode",propname:"alloweditrow",propvalue:i,propChanged:this.handleEditRowModeChange,tabIndex:d++}),jsx(x,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:M,propChanged:r.setProps(this.props).selectedWidgetPropsChange,tabIndex:d++}),this.props.isBuildocsExtendedEditor&&jsx(x,{disabled:this.props.disabled,proptitle:"Columns",propname:"columns",attr:null,propvalue:u,propChanged:r.setProps(this.props).selectedWidgetPropsChange,tabIndex:d++}),jsx(x,{disabled:this.props.disabled,proptitle:b==="tabulator"?"Height":"Max Height",propname:"height",attr:null,propvalue:P,propChanged:r.setProps(this.props).selectedWidgetPropsChange,tabIndex:d++}),!i&&b==="datatable"&&jsx(c,{disabled:this.props.disabled,proptitle:"Pagination",propname:"pagination",propvalue:G,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),!i&&!!G&&jsx(c,{disabled:this.props.disabled,proptitle:"Lazy Loading",propname:"backendpagination",propvalue:n,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),!i&&b==="datatable"&&!!G&&jsx(Da,{disabled:this.props.disabled,proptitle:"Page Size",propname:"pagesize",propvalue:K,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:d++}),!i&&jsx(c,{disabled:this.props.disabled,proptitle:"Search",propname:"search",propvalue:Me,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),!i&&jsx(ja,{disabled:this.props.disabled,proptitle:"Search Type",propname:"searchtype",propvalue:Ne||"searchtype",propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:d++}),jsx(c,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:te,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:m,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),false]}),L=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:o})}),jsx(ye,{disabled:this.props.disabled,propname:"fontSize",propvalue:S,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:d++}),jsx(xe,{disabled:this.props.disabled,propname:"fontWeight",defaultValue:"normal",propvalue:R,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:d++}),jsx(c,{disabled:this.props.disabled,proptitle:"Hide Add Button",propname:"hideaddbutton",propvalue:H,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),!i&&jsx(c,{disabled:this.props.disabled,proptitle:"Column Actions",propname:"colactions",propvalue:v,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),!i&&jsx(c,{disabled:this.props.disabled,proptitle:"Column Grouping",propname:"colgrouping",propvalue:w,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),!i&&jsx(c,{disabled:this.props.disabled,proptitle:"Column Ordering",propname:"colordering",propvalue:D,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),!i&&jsx(c,{disabled:this.props.disabled,proptitle:"Column Resizing",propname:"colresizing",propvalue:_,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),!i&&jsx(c,{disabled:this.props.disabled,proptitle:"Enable Upload",propname:"enableuploadfiles",propvalue:g,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),false,!i&&this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"Breadcrumbs",propname:"folders",propvalue:V,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),!i&&this.props.isBuildocsExtendedEditor&&jsx(x,{disabled:this.props.disabled,proptitle:"Folder Caption",propname:"foldercaption",attr:null,propvalue:q,propChanged:r.setProps(this.props).selectedWidgetPropsChange,tabIndex:d++}),jsx(c,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:Q,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),!i&&jsx(za,{disabled:this.props.disabled,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor,proptitle:"Row Actions Type",propname:"rowactiontype",propvalue:j,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:d++}),!i&&jsx(_a,{disabled:this.props.disabled,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor,proptitle:"Row Actions",propname:"rowactions",propvalue:N$1,propChanged:r.setProps(this.props).selectedWidgetPropsChange,tabIndex:d++,rowactiontype:j}),!i&&this.props.isBuildocsExtendedEditor&&jsx(Ha,{disabled:this.props.disabled,proptitle:"Row Click As",propname:"rowclickas",propvalue:A,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:d++}),!i&&jsx(Na,{disabled:this.props.disabled,proptitle:"Row Density",propname:"rowdensity",propvalue:ae,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:d++}),!i&&jsx(c,{disabled:this.props.disabled,proptitle:"Row Number",propname:"rownumber",propvalue:Ce,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),!i&&jsx(c,{disabled:this.props.disabled,proptitle:"Row Selection",propname:"rowselection",propvalue:Ie,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),false,!i&&jsx(c,{disabled:this.props.disabled,proptitle:"Select All",propname:"selectall",propvalue:Be,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),!i&&jsx(c,{disabled:this.props.disabled,proptitle:"Sticky Header",propname:"stickyheader",propvalue:s,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),!i&&jsx(c,{disabled:this.props.disabled,proptitle:"Toolbar Internal Actions",propname:"toolbarInternalActions",propvalue:l,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++}),!i&&jsx(c,{disabled:this.props.disabled,proptitle:"Top Toolbar",propname:"topToolbar",propvalue:C,propChanged:r.setProps(this.props).selectedCheckboxPropsChange,tabIndex:d++})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Table Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>r.setProps(this.props).removeWidgetButtonClick(o)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(As,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(hn,{label:"Default"}),jsx(hn,{label:"Advanced"})]})}),this.state.tabValue===0&&E,this.state.tabValue===1&&L]})}},$a=withTranslation()(ri);var ii=class extends ie.PureComponent{constructor(t){var e;super(t),this.state={isLoaded:false,propname:t.propname,propvalue:t.propvalue,title:(e=t.title)!=null?e:"Editor"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e,o;if(!this.state.isLoaded)return null;let t=(i,n)=>this.props.propChanged(n,i,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.title})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:(e=this.state.propname)!=null?e:"item_editor",propvalue:(o=this.props.propvalue)!=null?o:this.state.propvalue,hidelabel:true,options:{input:"Input",number:"Number",checkbox:"Checkbox"},disabled:this.props.disabled||this.props.readOnly})})]})}},Ga=withTranslation()(ii);var ni=class extends ie.PureComponent{constructor(t){var e;super(t),this.state={isLoaded:false,propname:t.propname,propvalue:t.propvalue,title:(e=t.title)!=null?e:"Column Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var o,i,n;if(!this.state.isLoaded)return null;let t=(u,v)=>this.props.propChanged(v,u,null),e={freetext:"String",number:"Number",date:"Date",datetime:"Date Time",checkbox:"Checkbox",price:"Price"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.title})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:(o=this.state.propname)!=null?o:"item_columntype",propvalue:(n=(i=this.props.propvalue)!=null?i:this.state.propvalue)!=null?n:"freetext",hidelabel:true,options:e})})]})}},Ja=withTranslation()(ni);var ai=class extends ie.PureComponent{constructor(e){super(e);this.autoPopulateColumnType=()=>{var v,w;let{parentDatasource:e,parentCellIndex:o}=((v=this.props.selectedWidgetProps)==null?void 0:v._path)||{};if(!(e!=null&&e.columns)||o===void 0||o<0)return;let i=e.columns[o];if(!i||!i[2])return;let u=(w={string:"freetext",freetext:"freetext",currency:"price",price:"price",date:"date",datetime:"datetime",number:"number",checkbox:"checkbox"}[i[2]])!=null?w:"freetext";this.props.selectedWidgetProps.item_columntype!==u&&this.handleColumnTypeChange(u,"item_columntype",null);};this.handleColumnTypeChange=(e,o,i)=>{let n=e,u=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(e,o,i,u),setTimeout(()=>{let v=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(void 0,"item_format",null,v),this.props.selectedWidgetPropsChange(void 0,"item_fixedlocale",null,v),this.props.selectedWidgetPropsChange(void 0,"item_currencydisplay",null,v),this.props.selectedWidgetPropsChange(void 0,"item_inputfield",null,v),this.props.selectedWidgetPropsChange(void 0,"item_currency",null,v),this.props.selectedWidgetPropsChange(false,"item_assymbol",null,v),this.props.selectedWidgetPropsChange(false,"item_bottomcalc",null,v),this.props.selectedWidgetPropsChange(void 0,"item_formula",null,v),n==="price"&&this.props.selectedWidgetPropsChange("right","item_ctextalign","style",v);},0);};this.handleCurrencyFormatChange=(e,o,i)=>{this.props.selectedWidgetPropsChange(e,o,i,this.props.selectedWidgetProps),setTimeout(()=>{let n=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(void 0,"item_inputfield",null,n),this.props.selectedWidgetPropsChange(void 0,"item_currency",null,n),this.props.selectedWidgetPropsChange(void 0,"item_fixedlocale",null,n),this.props.selectedWidgetPropsChange(void 0,"item_currencydisplay",null,n);},0);};this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true}),this.autoPopulateColumnType();}componentDidUpdate(e){e.selectedWidgetProps!==this.props.selectedWidgetProps&&this.autoPopulateColumnType();}render(){var ut,ue,rt,Jt,Qt;if(this.state.isLoaded===false)return null;let{component:e,segmentId:o,parentAllowEditRow:i,parentTableMode:n,parentDatasource:u,parentCellIndex:v}=((ut=this.props.selectedWidgetProps)==null?void 0:ut._path)||{};if(e===void 0||e!==K)return null;let{item_name:w,item_isprice:D,item_title:_,item_minsize:a,item_displaytooltip:P,item_enablesorting:H,item_increment:M,item_isdate:V,item_isdatetime:q,item_ischeckbox:G,item_bottomcalc:K$1,item_visible:te,item_editor:Q,item_formula:N,item_readonly:j,item_format:A,item_assymbol:ae,item_inputfield:Ce,item_currency:Ie,item_columntype:_e,item_currencydisplay:Me,item_fixedlocale:Ne,style:Be}=this.props.selectedWidgetProps,{item_textalign:s,item_ctextalign:b}=Be!=null?Be:{},l=_e!=null?_e:"freetext";_e||(V===true?l="date":q===true?l="datetime":G===true?l="checkbox":D===true?l="price":l="freetext");let C=!!(u!=null&&u.columns&&v!==void 0&&v>=0&&((ue=u.columns[v])!=null&&ue[2])),g=l==="date",f=l==="datetime",m=l==="checkbox",y=l==="price",S=l==="number",R=l==="freetext"||l==="",h=Q,d=false;m?(h="checkbox",d=true):y||S?(h="number",d=true):R&&(h="input",d=true);let E=y,L=y&&(A==="locale"||A==="fixed-locale"),ve=y&&(A===""||A==="locale"),We=y&&A===""&&!L,Ee=y&&A==="fixed-locale",ke=false,ce=!!i&&S||n==="tabulator",Fe=y||S,He=!!i&&h==="number"&&!g&&!f&&!m;return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Table Cell Properties"})}),jsx(io,{disabled:this.props.disabled,proptitle:"ID",propvalue:o,style:{fontSize:"9px",lineHeight:"20px"}}),jsx(x,{disabled:this.props.disabled,readOnly:!this.props.isBuildocsExtendedEditor,proptitle:"Caption",propname:"item_title",attr:null,propvalue:_,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Display Tooltip",propname:"item_displaytooltip",propvalue:P,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Enable Sorting",propname:"item_enablesorting",propvalue:H,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(Ja,{disabled:this.props.disabled||C,propname:"item_columntype",propvalue:l,propChanged:this.handleColumnTypeChange}),E&&jsx(wo,{disabled:this.props.disabled,propname:"item_format",propvalue:A,propChanged:this.handleCurrencyFormatChange}),Ee&&jsx(Wo,{disabled:this.props.disabled,propname:"item_fixedlocale",propvalue:Ne,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange},`fixedlocale-${v}`),L&&jsx(ko,{disabled:this.props.disabled,propname:"item_currencydisplay",propvalue:Me,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange},`currencydisplay-${v}`),ve&&jsx(x,{disabled:this.props.disabled,proptitle:"Currency Field Name",propname:"item_inputfield",attr:null,propvalue:Ce,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),We&&jsx(x,{disabled:this.props.disabled,proptitle:"Currency Code",propname:"item_currency",attr:null,propvalue:Ie,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),ke,ce&&jsx(c,{disabled:this.props.disabled,proptitle:"Increment",propname:"item_increment",propvalue:M,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(Le,{title:"Title Align",disabled:this.props.disabled,defaultValue:"center",propname:"item_textalign",propvalue:s,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Le,{title:"Content Align",disabled:this.props.disabled,defaultValue:"left",propname:"item_ctextalign",propvalue:b,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),Fe&&jsx(c,{disabled:this.props.disabled,proptitle:"Calculate Totals",propname:"item_bottomcalc",propvalue:K$1,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"item_readonly",propvalue:j,propChanged:r.setProps(this.props).selectedCheckboxPropsChange}),jsx(x,{disabled:this.props.disabled,readOnly:true,proptitle:"Name",propname:"item_name",attr:null,propvalue:(Qt=(Jt=(rt=u==null?void 0:u.columns)==null?void 0:rt[v])==null?void 0:Jt[1])!=null?Qt:w,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(Ga,{disabled:this.props.disabled,propname:"item_editor",propvalue:h,propChanged:r.setProps(this.props).selectedWidgetPropsChange,readOnly:d}),He&&jsx(x,{disabled:this.props.disabled,proptitle:"Formula",propname:"item_formula",attr:null,propvalue:N,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Min Size",propname:"item_minsize",attr:null,propvalue:a,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"Visible",propname:"item_visible",propvalue:te,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]})}},Ya=withTranslation()(ai);var pi=class extends ie.PureComponent{constructor(e){super(e);this.handleTabChange=(e,o)=>{this.setState({tabValue:o});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var H;if(this.state.isLoaded===false)return null;let{component:e,widgetId:o}=((H=this.props.selectedWidgetProps)==null?void 0:H._path)||{};if(e===void 0||e!==E)return null;let{name:i,viewfield:n,visible:u,style:v}=this.props.selectedWidgetProps,{fontSize:w,fontWeight:D,minHeight:_}=v!=null?v:{},a=jsxs(Fragment,{children:[jsx(x,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:i,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:u,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]}),P=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:o})}),jsx(x,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:_,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(ye,{disabled:this.props.disabled,propvalue:w,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(xe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:D,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(c,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:n,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"File Uploader Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>r.setProps(this.props).removeWidgetButtonClick(o)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(As,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(hn,{label:"Default"}),jsx(hn,{label:"Advanced"})]})}),this.state.tabValue===0&&a,this.state.tabValue===1&&P]})}},es=withTranslation()(pi);var di=class extends ie.PureComponent{constructor(t){var e,o;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"placeholdertype",propvalue:t.propvalue,proptitle:(o=t.proptitle)!=null?o:"Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{tree:"Tree",dualbox:"Dual Box"}})})]})}},os=withTranslation()(di);var li=class extends ie.PureComponent{constructor(t){super(t),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsxs("div",{className:t,style:{display:"flex"},ref:this.ref,children:[jsx("div",{style:{flexGrow:1},children:jsx("span",{className:"elwrapper",style:this.props.style,children:this.props.propvalue})}),this.props.disabled===false&&jsx("div",{className:"removeWidgetButtonHolder",children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>this.props.propChanged(this.props.propvalue)})})]})]})}},$o=withTranslation()(li);var ci=class extends ie.PureComponent{constructor(t){super(t),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var V;if(this.state.isLoaded===false)return null;let{type:t,component:e,rowId:o,segmentId:i,widgetId:n}=((V=this.props.selectedWidgetProps)==null?void 0:V._path)||{};if(e===void 0||e!==F)return null;let{title:u,name:v,visible:w,placeholdertype:D,style:{textAlign:_,fontSize:a,fontWeight:P,color:H,minHeight:M}}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsx("div",{className:"header",children:"Placeholder Properties"}),jsx($o,{disabled:this.props.disabled,proptitle:"ID",propvalue:n,style:{fontSize:"9px",lineHeight:"20px"},propChanged:r.setProps(this.props).removeWidgetButtonClick}),jsx(x,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:M,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(os,{disabled:this.props.disabled,proptitle:"Type",propname:"placeholdertype",propvalue:D,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:v,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:w,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]})}},as=withTranslation()(ci);var bi=class extends ie.PureComponent{constructor(t){var e;super(t),this.state={isLoaded:false,propname:(e=t.propname)!=null?e:"viewcomp",propvalue:t.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var e;if(!this.state.isLoaded)return null;let t=(o,i)=>this.props.propChanged(i,o,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Component"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(m,{...this.props,propChanged:t,propname:this.state.propname,propvalue:(e=this.props.propvalue)!=null?e:this.state.propvalue,hidelabel:true,options:{"":"",btree:"Btree"}})})]})}},ps=withTranslation()(bi);var mi=class extends ie.PureComponent{constructor(t){super(t),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var G;if(this.state.isLoaded===false)return null;let{type:t,component:e,rowId:o,segmentId:i,widgetId:n}=((G=this.props.selectedWidgetProps)==null?void 0:G._path)||{};if(e===void 0||e!==O)return null;let{title:u,name:v,verticalalign:w,visible:D,viewcomp:_,plugincode:a,formcode:P,style:{textAlign:H,fontSize:M,fontWeight:V,color:q}}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsx("div",{className:"header",children:"View Properties"}),jsx($o,{disabled:this.props.disabled,proptitle:"ID",propvalue:n,style:{fontSize:"9px",lineHeight:"20px"},propChanged:r.setProps(this.props).removeWidgetButtonClick}),jsx(ps,{disabled:this.props.disabled,defaultValue:"",propvalue:_,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Plugin Code",propname:"plugincode",attr:null,propvalue:a,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Form Code",propname:"formcode",attr:null,propvalue:P,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:u,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(ye,{disabled:this.props.disabled,propvalue:M,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(xe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:V,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(x,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:v,propChanged:r.setProps(this.props).selectedWidgetPropsChange}),jsx(mo,{disabled:this.props.disabled,defaultValue:"middle",propvalue:w,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Le,{disabled:this.props.disabled,defaultValue:"left",propvalue:H,propChanged:r.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(c,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:D,propChanged:r.setProps(this.props).selectedCheckboxPropsChange})]})}},ls=withTranslation()(mi);var ui=class extends ie.PureComponent{constructor(e){super(e);this.handleScroll=()=>{setTimeout(()=>{var e,o;(o=(e=this.gridContainerRef)==null?void 0:e.current)==null||o.scrollTo(0,0);},0);};this.state={isLoaded:false,leftSideBarVisible:true,context:null},this.gridContainerRef=ie.createRef();}componentDidMount(){this.handleScroll(),this.setState({isLoaded:true});}componentDidUpdate(){this.handleScroll();}render(){var u;if(this.state.isLoaded===false)return null;let e$1=b$1.isFloatingState()?"sidebar-float-active":"",o$1=this.state.leftSideBarVisible?"left-sidebar "+e$1:"left-sidebar minified sidebar-hide-left",i=(u=this.props.selectedWidgetProps)==null?void 0:u._path,n=i?`${i.widgetId||""}-${i.rowId||""}-${i.segmentId||""}-${i.tabId||""}-${i.panelId||""}`:"";return jsx("div",{id:"left-sidebar",className:o$1,children:jsx("div",{className:"sidebar-scroll",tabIndex:1,style:{outline:"none",touchAction:"none"},children:jsxs("div",{className:"formeditor-menu",children:[jsxs("div",{className:"properties-container",children:[jsxs("div",{className:"grid-container",ref:this.gridContainerRef,children:[jsx(ya,{...this.props,disabled:this.props.inPreviewMode},"checkbox-"+n),jsx(fn,{...this.props,disabled:this.props.inPreviewMode},"container-"+n),jsx(es,{...this.props,disabled:this.props.inPreviewMode},"fileuploader-"+n),jsx(Hn,{...this.props,disabled:this.props.inPreviewMode},"label-"+n),jsx(Mn,{...this.props,disabled:this.props.inPreviewMode},"button-"+n),jsx(as,{...this.props,disabled:this.props.inPreviewMode},"placeholder-"+n),jsx(ka,{...this.props,disabled:this.props.inPreviewMode},"radio-"+n),jsx(xn,{...this.props,disabled:this.props.inPreviewMode},"row-"+n),jsx(Pn,{...this.props,disabled:this.props.inPreviewMode},"rowsegment-"+n),jsx(ha,{...this.props,disabled:this.props.inPreviewMode},"selectbox-"+n),jsx(Ea,{...this.props,disabled:this.props.inPreviewMode},"tabbox-"+n),jsx($a,{...this.props,disabled:this.props.inPreviewMode},"table-"+n),jsx(Ya,{...this.props,disabled:this.props.inPreviewMode},"tablecell-"+n),jsx(oa,{...this.props,disabled:this.props.inPreviewMode},"textinput-"+n),jsx(na,{...this.props,disabled:this.props.inPreviewMode},"textarea-"+n),jsx(ls,{...this.props,disabled:this.props.inPreviewMode},"view-"+n)]}),jsx("div",{className:"formeditor-controls",style:{display:"flex",justifyContent:"center"},children:jsx("button",{id:"saveFormBtn",className:"btn btn-outline-primary btn-sm",onClick:this.props.saveForm,style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"},children:this.props.inPreviewMode?jsxs(Fragment,{children:[jsx(r$1,{size:14}),jsx("span",{children:"Edit"})]}):jsxs(Fragment,{children:[jsx(n$1,{size:14}),jsx("span",{children:"Save & Preview"})]})})})]}),jsxs("div",{className:"widgets-container",children:[jsx($e,{id:null,type:c$1.ROW,component:D,icon:jsx(I,{}),title:"Row",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:c$1.TAB,component:z,icon:jsx(f$1,{}),title:"TabBox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:c$1.TABLE,component:B,icon:jsx(H$1,{}),title:"Table Widget",disabled:this.props.inPreviewMode}),this.props.isBuildocsExtendedEditor&&jsx($e,{id:null,type:c$1.WIDGET,component:O,icon:jsx(j$1,{}),title:"View Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:c$1.WIDGET,component:E,icon:jsx(h$1,{}),title:"File Uploader",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:c$1.WIDGET,component:f,icon:jsx(J,{}),title:"Label Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:c$1.WIDGET,component:j,icon:jsx(L,{}),title:"Text Input Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:c$1.WIDGET,component:l,icon:jsx(K$1,{}),title:"TextArea Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:c$1.WIDGET,component:o,icon:jsx(z$1,{}),title:"Selectbox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:c$1.WIDGET,component:q,icon:jsx(F$1,{}),title:"CheckBox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:c$1.WIDGET,component:s,icon:jsx(e,{}),title:"Radio Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:c$1.WIDGET,component:M,icon:jsx(G,{}),title:"Button Widget",disabled:this.props.inPreviewMode})]})]})})})}},ms=withTranslation()(ui);function hs(p){let{children:t,value:e,index:o,...i}=p;return jsx("div",{role:"tabpanel",hidden:e!==o,id:`vertical-tabpanel-${o}`,"aria-labelledby":`vertical-tab-${o}`,style:{width:"100%",height:"100%"},...i,children:e===o&&jsx(Ke,{sx:{height:"100%"},children:t})})}function fs(p){return {id:`vertical-tab-${p}`,"aria-controls":`vertical-tabpanel-${p}`}}function gi(p){var a;let[t,e]=useState((a=p.currentTab)!=null?a:0);ie.useEffect(()=>{p.currentTab!==void 0&&e(p.currentTab);},[p.currentTab]);let o=(P,H)=>{e(H),p.onTabChange&&p.onTabChange(H);},i=p.containerProps.formCode||"",n=p.containerProps.title||"",u$1=i.trim()==="",v$1=i.trim().length>0&&i.trim().length<3,w=u$1||v$1,D=n.trim()==="",_=!w&&!D;return ie.useEffect(()=>{!_&&t!==0&&!p.inPreviewMode&&(e(0),p.onTabChange&&p.onTabChange(0));},[_,t,p.inPreviewMode,p.onTabChange]),jsxs(Ke,{sx:{flexGrow:1,bgcolor:"background.paper",display:"flex",height:"100%"},children:[jsxs(Ke,{sx:{display:"flex",flexDirection:"column",borderRight:1,borderColor:"divider",minWidth:"80px"},children:[jsxs(As,{orientation:"vertical",value:t,onChange:o,"aria-label":"Form editor tabs",sx:{flexGrow:1,"& .MuiTab-root":{minWidth:"80px",padding:"20px 16px",fontSize:"11px",alignItems:"center"},"& .MuiTabs-indicator":{left:0,right:"auto",width:"4px",backgroundColor:"#1976d2"}},children:[jsx(hn,{icon:jsx(u,{size:20}),label:"General",...fs(0),sx:{flexDirection:"column",gap:.5}}),jsx(hn,{icon:jsx(v,{size:20}),label:"Build",...fs(1),disabled:!_,sx:{flexDirection:"column",gap:.5,opacity:_?1:.4}})]}),p.closeForm&&jsxs(Ke,{onClick:()=>{var P;return (P=p.closeForm)==null?void 0:P.call(p)},sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"20px 16px",borderTop:1,borderColor:"divider",cursor:"pointer",minHeight:"68px",gap:.5,fontSize:"11px",color:"text.primary",transition:"background-color 0.3s","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.04)"}},title:"Close Form Editor",children:[jsx(k$2,{size:20}),jsx("span",{style:{fontSize:"11px"},children:"Close"})]})]}),jsx(hs,{value:t,index:0,children:jsx(Yo,{containerProps:p.containerProps,onContainerPropsChange:p.onContainerPropsChange,disabled:p.inPreviewMode,onSave:p.saveForm,onNext:()=>{e(1),p.onTabChange&&p.onTabChange(1);}})}),jsx(hs,{value:t,index:1,children:jsx(ms,{...p})})]})}var me=b$2(a$2());var ql=lazy(()=>import('./loadingcomponent-XO7SMUYB.js')),cy=withTranslation()(memo(function(t){let{isBuildocsExtendedEditor:e}=b$3(),{loadForm:o,saveForm:i}=b(),{UserDialog:n}=b$4(),u=e$1(),[v,w]=useState({plugincode:"",open:false,redraw:null}),[D$1,_]=useState(0),[a,P]=ie.useState({meta:{pluginCode:t.pluginCode,formCode:t.formCode},dialog:{widgetRemove:{showDialog:false,dialogTitle:"",dialogContent:"",buttonAgree:"",buttonDisagree:"",callBackFunc:()=>{}}},activeWidgetId:null,containerData:[],containerProps:{formCode:t.formCode||"",title:"Container",subtitle:"",description:"",sourcetable:"",systemform:false,skiphandler:true,hideheader:false,border:true,headerbackground:true,style:{maxWidth:"100%",minHeight:"5em"},_path:{type:c$1.CONTAINER,stricttype:null,component:null,tabId:null,panelId:null,rowId:null,segmentId:null,widgetId:null}},containerSetup:{},isLoaded:false,inPreviewMode:t.inPreviewMode||false,selectedWidgetProps:{title:"",subtitle:"",sourcetable:"",systemform:false,skiphandler:true,hideheader:false,border:true,headerbackground:true,style:{},_path:{type:"",stricttype:null,component:null,tabId:null,panelId:null,rowId:null,segmentId:null,widgetId:null}}});useEffect(()=>{t.inPreviewMode!==a.inPreviewMode&&P({...a,inPreviewMode:t.inPreviewMode});},[t.inPreviewMode]),useEffect(()=>{(async()=>{if(!o)return;let s=await o({pluginCode:a.meta.pluginCode,formCode:a.meta.formCode,isFormEditor:true}),b=[],l=a.containerProps,C={};try{let g={...s.payload},f=JSON.parse(g.definition);P$1.mapComponents(f._children),b=f._children,l=f.properties,C=f;}catch(g){}P({...a,containerProps:{...a.containerProps,...l,formCode:t.formCode||""},selectedWidgetProps:{...a.containerProps,...l,formCode:t.formCode||""},inPreviewMode:false,isLoaded:true,containerData:b,containerSetup:C});})();},[]);let H$1=(s,b,l,C,g,f,m,y,S)=>{var ve,We,Ee,ke;let R,h,d,E,L;if(b!==c$1.CONTAINER)if(b===c$1.ROWSEGMENT)L=P$1.getTabContainerChildrens(a.containerData,C),d=L.data.filter(ce=>`${ce.id}`===g)[0],h=d._children.filter(ce=>`${ce.id}`===f)[0],P({...a,activeWidgetId:f,selectedWidgetProps:{...a.selectedWidgetProps,...h.properties,_path:{component:h.component,type:b,stricttype:h.component.displayName,tabId:l,panelId:C,rowId:g,segmentId:f,widgetId:m}}});else if(b===c$1.WIDGET)L=P$1.getTabContainerChildrens(a.containerData,C),d=L.data.filter(ce=>`${ce.id}`===g)[0],E=d._children.filter(ce=>`${ce.id}`===f)[0],h=E._children.filter(ce=>`${ce.id}`===m)[0],P({...a,activeWidgetId:m,selectedWidgetProps:{...a.selectedWidgetProps,...h.properties,_path:{component:h.component,type:b,stricttype:h.component.displayName,tabId:l,panelId:C,rowId:g,segmentId:f,widgetId:m}}});else if(b===c$1.ROW)L=P$1.getTabContainerChildrens(a.containerData,C),h=L.data.filter(ce=>`${ce.id}`===g)[0],P({...a,activeWidgetId:g,selectedWidgetProps:{...a.selectedWidgetProps,...h.properties,_path:{component:h.component,type:b,stricttype:h.component.displayName,tabId:l,panelId:C,rowId:g,segmentId:f,widgetId:m}}});else if(b===c$1.TABLE)L=P$1.getTabContainerChildrens(a.containerData,C),h=L.data.filter(ce=>`${ce.id}`===g)[0],P({...a,activeWidgetId:g,selectedWidgetProps:{...a.selectedWidgetProps,...h.properties,_path:{component:h.component,type:b,stricttype:h.component.displayName,tabId:l,panelId:C,rowId:g,segmentId:f,widgetId:m}}});else if(b===c$1.TABLECELL){L=P$1.getTabContainerChildrens(a.containerData,C),d=L.data.filter(Fe=>`${Fe.id}`===g)[0],h=d._children.filter(Fe=>`${Fe.id}`===f)[0];let ce=d._children.findIndex(Fe=>`${Fe.id}`===f);P({...a,activeWidgetId:f,selectedWidgetProps:{...a.selectedWidgetProps,item_format:void 0,item_fixedlocale:void 0,item_currencydisplay:void 0,item_inputfield:void 0,item_currency:void 0,item_assymbol:void 0,item_formula:void 0,item_bottomcalc:void 0,item_readonly:void 0,...h.properties,_path:{component:h.component,type:b,stricttype:h.component.displayName,tabId:l,panelId:C,rowId:g,segmentId:f,widgetId:m,parentAllowEditRow:(ve=d==null?void 0:d.properties)==null?void 0:ve.alloweditrow,parentTableMode:(We=d==null?void 0:d.properties)==null?void 0:We.tablemode,parentDatasource:(Ee=d==null?void 0:d.properties)==null?void 0:Ee.datasource,parentCellIndex:ce}}});}else b===c$1.TAB&&(R=P$1.findWidgetByIdRecursive(a.containerData,m),P({...a,activeWidgetId:m,selectedWidgetProps:{...R==null?void 0:R.item.properties,tabsetup:{...((ke=R==null?void 0:R.item.properties)==null?void 0:ke.tabsetup)||{},item_name:null},_path:{component:R==null?void 0:R.item.component,type:b,stricttype:R==null?void 0:R.item.component.displayName,tabId:l,panelId:C,rowId:g,segmentId:f,widgetId:m}}}));else P({...a,activeWidgetId:null,selectedWidgetProps:{...a.containerProps,_path:{type:c$1.CONTAINER}}});},M=(s,b)=>{let l=P$1.getTabContainerChildrens(s,b),C=l.data.filter(g=>`${g.id}`===b)[0];return {item:C,index:l.data.indexOf(C),path:l.path}},V=(s,b,l)=>{var C;if(s>0)if(l===null){let g=b._children.length;if(s>g)for(let f=g;f<s;f++)b._children.push({rowId:b.id,id:"tablecell-"+f+"-"+b$1.guid(),component:K,type:J$1.widgetType,stricttype:J$1.strictType,properties:{...J$1.objectInspector.defaultProps,item_title:l!=null&&l[f][0]?l[f][0]:"",item_name:l!=null&&l[f][1]?l[f][1]:"tc_"+f},_children:[]});else for(let f=g;f>s;f--)b._children.splice(-1);}else {let g={string:"freetext",freetext:"freetext",currency:"price",price:"price",date:"date",datetime:"datetime",number:"number",checkbox:"checkbox"},f=b._children;b._children=[];for(let m=0;m<s;m++){let y=f[m]&&f[m].properties?f[m].properties:J$1.objectInspector.defaultProps,S=l[m][2],R=S?(C=g[S])!=null?C:"freetext":void 0,h={};R!==void 0&&(h.item_columntype=R,y.item_columntype!==R&&(h.item_format=void 0,h.item_fixedlocale=void 0,h.item_currencydisplay=void 0,h.item_inputfield=void 0,h.item_currency=void 0,h.item_assymbol=false,h.item_bottomcalc=false,h.item_formula=void 0,R==="price"&&(h.style={...y.style,item_ctextalign:"right"}))),b._children.push({rowId:b.id,id:"tablecell-"+m+"-"+b$1.guid(),component:K,type:J$1.widgetType,stricttype:J$1.strictType,properties:{...y,item_title:l!=null&&l[m][0]?l[m][0]:"",item_name:l!=null&&l[m][1]?l[m][1]:"tc_"+m,...h},_children:[]});}}return b},q=(s,b,l,C)=>{let g,f,m,y$1,S,R,h,d,E,L,ve,{type:We,panelId:Ee,rowId:ke,segmentId:ce,widgetId:Fe}=C._path;if(We===c$1.CONTAINER){let U={};l===null?U={...a.containerProps,[b]:s}:U={...a.containerProps,[l]:{...a.containerProps[l],[b]:s}},P({...a,selectedWidgetProps:{...a.selectedWidgetProps,[b]:s},containerProps:U});}else if(We===c$1.TAB){let U=P$1.getActiveTabPanelId(a.containerData,Fe);if(U===null||(m=P$1.getTabContainer(a.containerData,Fe),!m||!m.item||!m.item.properties))return;m.item.properties.tabsetup&&m.item.properties.tabsetup[b]!==void 0&&(h=m.item._children.filter(ue=>`${ue.id}`===U)[0],m.item.properties.tabsetup={...h.properties,[b]:s});let He=y.objectInspector.defaultProps.tabsetup,ut=y.objectInspector.defaultProps.tabitemsetup;if(He[b])for(let ue=0;ue<m.item._children.length;ue++)ut[b]?(h=m.item._children.filter(rt=>`${rt.id}`===U)[0],h.properties={...h.properties,[b]:s}):(m.item._children[ue].properties={...m.item._children[ue].properties,[b]:s},m.item._children[ue].id===U&&(m.item.properties.tabsetup={...m.item.properties.tabsetup||{},...m.item._children[ue].properties}));else m.item.properties={...m.item.properties,[b]:s};if(b==="tabcount"){if(s>m.item._children.length)for(let ue=m.item._children.length;ue<s;ue++){let rt=m.item.properties.tabsetup||{};m.item._children.push(Q(m.item.id,"0",{...rt,item_name:(m.item.properties.name||"tab")+"_"+ue}));}else if(s<m.item._children.length)for(let ue=m.item._children.length;ue>s;ue--)m.item._children.pop();}d=P$1.getNodeUpdatePath(m.path,{$splice:[[m.index,1,{...m.item}]]}),P({...a,containerData:(0, me.default)(a.containerData,d),selectedWidgetProps:{...a.selectedWidgetProps,...m.item.properties}});}else if(We===c$1.WIDGET){m=P$1.findWidgetByIdRecursive(a.containerData,Fe);let U=l!==null?{...m==null?void 0:m.item.properties,[l]:{...m==null?void 0:m.item.properties[l],[b]:s}}:{...m==null?void 0:m.item.properties,[b]:s};if(b==="reservedname"&&s!=="_custom"&&(U.name=s),b==="reservedregex"&&s!=="_custom"){let He="";switch(s){case "_codeInput":He="[a-zA-Z0-9]";break;case "_numbersOnly":He="\\d";break;case "_noSymbol":He="\\w";break;default:He="";break}U.regex=He;}d=P$1.getNodeUpdatePath(m==null?void 0:m.path,{$splice:[[m==null?void 0:m.index,1,{...m==null?void 0:m.item,properties:{...U}}]]}),P({...a,containerData:(0, me.default)(a.containerData,d),selectedWidgetProps:{...a.selectedWidgetProps,...U}});}else if(We===c$1.ROW){if(y$1=P$1.getTabContainerChildrens(a.containerData,Ee),g=y$1.data.filter(U=>`${U.id}`===ke)[0],S=y$1.data.indexOf(g),L=parseInt(s),L>0){if(ve=g._children.length,L>ve)for(let U=ve;U<L;U++){let He=U+"-"+b$1.guid();g._children.push({rowId:g.id,id:"rowsegment-"+He,component:H,stricttype:G$1.strictType,properties:{style:{flexGrow:1,minWidth:"100px"}},_children:[]});}else for(let U=ve;U>L;U--)g._children.splice(-1);g.properties={...g.properties,[b]:s};}d=P$1.getNodeUpdatePath(y$1.path,{$splice:[[S,1,{...g}]]}),P({...a,containerData:(0, me.default)(a.containerData,d),selectedWidgetProps:{...a.selectedWidgetProps,[b]:s}});}else We===c$1.ROWSEGMENT?(y$1=P$1.getTabContainerChildrens(a.containerData,Ee),g=y$1.data.filter(U=>`${U.id}`===ke)[0],f=g._children.filter(U=>`${U.id}`===ce)[0],S=y$1.data.indexOf(g),R=g._children.indexOf(f),f.properties.style={...f.properties.style,[b]:s},y$1.path.push(S),y$1.path.push("_children"),d=P$1.getNodeUpdatePath(y$1.path,{$splice:[[R,1,{...f}]]}),P({...a,containerData:(0, me.default)(a.containerData,d),selectedWidgetProps:{...a.selectedWidgetProps,style:{...a.selectedWidgetProps.style,[b]:s}}})):We===c$1.TABLE?(y$1=P$1.getTabContainerChildrens(a.containerData,Ee),g=y$1.data.filter(U=>`${U.id}`===ke)[0],S=y$1.data.indexOf(g),b==="columns"?(L=parseInt(s),L>0&&(g=V(L,g,null))):b==="datasource"&&(L=s==null?void 0:s.columns.length,L>0&&(g=V(L,g,s==null?void 0:s.columns),g.properties.columns=L)),l===null?g.properties={...g.properties,[b]:s}:g.properties={...g.properties,[l]:{...g.properties[l],[b]:s}},d=P$1.getNodeUpdatePath(y$1.path,{$splice:[[S,1,{...g}]]}),E=l!==null?{...a.selectedWidgetProps,[l]:{...a.selectedWidgetProps[l],[b]:s}}:{...a.selectedWidgetProps,[b]:s},P({...a,containerData:(0, me.default)(a.containerData,d),selectedWidgetProps:E})):We===c$1.TABLECELL&&(y$1=P$1.getTabContainerChildrens(a.containerData,Ee),g=y$1.data.filter(U=>`${U.id}`===ke)[0],f=g._children.filter(U=>`${U.id}`===ce)[0],S=y$1.data.indexOf(g),R=g._children.indexOf(f),l!==null?f.properties[l]={...f.properties[l],[b]:s}:f.properties={...f.properties,[b]:s},y$1.path.push(S),y$1.path.push("_children"),d=P$1.getNodeUpdatePath(y$1.path,{$splice:[[R,1,{...f}]]}),P(l!==null?{...a,containerData:(0, me.default)(a.containerData,d),selectedWidgetProps:{...a.selectedWidgetProps,style:{...a.selectedWidgetProps.style,[b]:s}}}:{...a,containerData:(0, me.default)(a.containerData,d),selectedWidgetProps:{...a.selectedWidgetProps,[b]:s}}));},G=s=>{u({msg:s,clearQueue:true,hideProgressBar:false});},K$1=s=>{let b=function(l){if(!l){P({...a,dialog:{...a.dialog,widgetRemove:{showDialog:false,dialogTitle:"",dialogContent:"",buttonAgree:"",buttonDisagree:"",callBackFunc:()=>{}}}});return}let C=P$1.findWidgetByIdRecursive(a.containerData,s);if((C==null?void 0:C.count)===1&&(C!=null&&C.item.tabId)&&(C==null?void 0:C.item.tabId.trim())!==""&&(C==null?void 0:C.item.type)!=="formwidget"){G('Unable to remove the widget. Here should be at least 1 "container" type widget to be remaining');return}let g=P$1.getNodeUpdatePath(C==null?void 0:C.path,{$splice:[[C==null?void 0:C.index,1]]});P({...a,activeWidgetId:null,selectedWidgetProps:{...a.containerProps},dialog:{...a.dialog,widgetRemove:{showDialog:false,dialogTitle:"",dialogContent:"",buttonAgree:"",buttonDisagree:"",callBackFunc:()=>{}}},containerData:(0, me.default)(a.containerData,g)});};P({...a,dialog:{...a.dialog,widgetRemove:{showDialog:true,dialogTitle:"Remove Widget ?",dialogContent:"Are you sure you want to remove the widget?",buttonAgree:"Continue",buttonDisagree:"Close",callBackFunc:b}}});},te=async()=>{if(a.inPreviewMode){_(1),P({...a,inPreviewMode:false});return}let s={type:"Formcontainer",stricttype:"_Formcontainer",properties:{...a.containerProps},_children:a.containerData&&a.containerData.length>0?a.containerData:[]};try{if(!i)return;await i({pluginCode:a.meta.pluginCode,formCode:a.meta.formCode,data:JSON.stringify(s)}).then(b=>{if(b.meta.requestStatus==="fulfilled"){let l={...b.payload};w({...v,plugincode:a.meta.pluginCode,open:l.isNew===!0,redraw:l.isNew===!0});}}),_(1),P({...a,inPreviewMode:!0,containerSetup:s});}catch(b){u({msg:"Failed to save form. Please try again."});}},Q=(s,b="0",l)=>{let C="tabpanel-"+b$1.guid(),g=[],f=N(s,C);return g.push(f),{activeTab:b,tabId:s,id:C,component:Mo,stricttype:y.strictType,type:y.widgetType,properties:{...y.objectInspector.defaultProps.tabsetup,...l},_children:g}},N=(s,b)=>{let l="row-"+b$1.guid(),C$1=[],g=1;for(let f=0;f<g;f++)C$1.push({rowId:l,id:"rowsegment-"+f+"-"+l,component:H,type:G$1.widgetType,stricttype:G$1.strictType,properties:{style:{flexGrow:1,minWidth:"100px"}},_children:[]});return {id:l,tabId:s,panelId:b,component:D,type:C.widgetType,stricttype:C.strictType,properties:{title:"",columns:"1",style:{}},_children:C$1}},j=(s,b,l,C)=>{let g="table-"+b$1.guid(),f=[];return f.push({rowId:g,id:"tablecell-1-"+g,component:K,type:J$1.widgetType,stricttype:J$1.strictType,properties:{...J$1.objectInspector.defaultProps,item_name:"tc_1"},_children:[]}),{id:g,tabId:b,panelId:l,component:B,type:A.widgetType,stricttype:A.strictType,properties:{...A.objectInspector.defaultProps,name:P$1.getItemDefaultName(B,s)},_children:f}},A$1=(s,b,l,C,g,f,m,y,S)=>{let R,h,d,E;{f={...f,item_name:f.name+"_"+m},E=Q(C,"1",f);let L=[];return L.push(E),b&&l?(R=P$1.getTabContainerChildrens(s,l),d={...g,tabId:b,panelId:l,id:C,properties:{...g.properties,name:f.name},_children:L},h=P$1.getNodeUpdatePath(R.path,{$splice:[[R.index,0,d]]}),{result:(0, me.default)(s,h),nodeData:d}):(d={...g,tabId:b,panelId:l,id:C,properties:{...g.properties,name:f.name},_children:L},{result:(0, me.default)(s,{$splice:[[Number(y||m),0,d]]}),nodeData:d})}},ae=(s,b,l,C,g,f,m,y)=>{let S,R,h;return m?(0, me.default)(s,{$splice:[[s.length,1,{...g,id:C,_children:y}]]}):(g.component===B?h=j(s,b,l):h=N(b,l),R=P$1.getTabContainerChildrens(s,l),S=P$1.getNodeUpdatePath(R.path,{$splice:[[f,0,{...h}]]}),{result:(0, me.default)(s,S),nodeData:h})},Ce=(s,b,l,C,g,f=null)=>{let m,y,S=[];if(l.component===z)S=l._children;else if(l.component===D){if(l._children&&l._children.length>0)S=l._children;else if(m=parseInt(l.properties.columns),m>0)for(let R=0;R<m;R++)S.push({rowId:b,id:"rowsegment-"+R+"-"+b,component:H,type:G$1.widgetType,stricttype:G$1.strictType,properties:{style:{flexGrow:1,minWidth:"100px"}},_children:[]});}else if(l.component===B){if(l._children&&l._children.length>0)S=l._children;else if(l.properties={...A.objectInspector.defaultProps,name:P$1.getItemDefaultName(B,s)},m=parseInt(l.properties.columns),m>0)for(let R=0;R<m;R++)S.push({rowId:b,id:"tablecell-"+R+"-"+b,component:K,type:J$1.widgetType,stricttype:J$1.strictType,properties:{...J$1.objectInspector.defaultProps,item_name:"tc_"+R},_children:[]});}return g?(0, me.default)(s,{$splice:[[s.length,1,{...l,id:b,_children:S}]]}):(y=P$1.getNodeUpdatePath(f,{$splice:[[C,0,{...l,id:b,_children:S}]]}),(0, me.default)(s,y))},Ie=(s,b,l,C,g,f,m)=>{let y=P$1.getTabContainerChildrens(s,C),S=P$1.findWidgetByIdRecursive(y.data,g),R=S==null?void 0:S.item._children.filter(L=>`${L.id}`===f)[0],h=S==null?void 0:S.item._children.indexOf(R);y.path.push(S==null?void 0:S.index),y.path.push("_children"),y.path.push(h),y.path.push("_children");let d={...m,id:b},E=P$1.getNodeUpdatePath(y.path,{$splice:[[0,0,d]]});return {result:(0, me.default)(s,E),nodeData:d}},_e=(s,b,l,C,g,f,m)=>{let y,S,R;y=P$1.getTabContainerChildrens(s,m.panelId);let h=P$1.findWidgetByIdRecursive(y.data,m.rowId),d=h==null?void 0:h.item._children.filter(Ee=>`${Ee.id}`===m.segmentId)[0],E=h==null?void 0:h.item._children.indexOf(d);y.path.push(h==null?void 0:h.index),y.path.push("_children"),S=P$1.getNodeUpdatePath(y.path,{$splice:[[E,1,{...d,_children:[]}]]}),s=(0, me.default)(s,S),y=P$1.getTabContainerChildrens(s,C);let L=P$1.findWidgetByIdRecursive(y.data,g),ve=L==null?void 0:L.item._children.filter(Ee=>`${Ee.id}`===f)[0],We=L==null?void 0:L.item._children.indexOf(ve);return y.path.push(L==null?void 0:L.index),y.path.push("_children"),y.path.push(We),y.path.push("_children"),R={...m,tabId:l,panelId:C,rowId:g,segmentId:f},S=P$1.getNodeUpdatePath(y.path,{$splice:[[0,1,{...R}]]}),{result:(0, me.default)(s,S),nodeData:R}},Me=s=>{a.dialog.widgetRemove.callBackFunc(s);},Ne=useCallback(()=>{w({...v,open:false});},[]);return (()=>{var S,R,h;if(a.isLoaded===false)return ie.createElement("div",{},jsx(ql,{}));let s=a.containerData||[],b=()=>{let d=function(k){setTimeout(function(){P({...a,containerData:k});},0);},E=useCallback(k=>{if(k.id===null){let B=P$1.getTypeAsString(k.component)+"-"+s.length+"-"+b$1.guid();s=Ce(s,B,k,s.length,true,k.path),P({...a,activeWidgetId:B,containerData:s,selectedWidgetProps:{...a.selectedWidgetProps,...k.properties,_path:{...a.selectedWidgetProps._path,type:k.type,stricttype:k.component.displayName,component:k.component,rowId:B}}});}},[]),L=useCallback((k,B,X)=>{let Z;if(k.id===null){let Y="tab-"+b$1.guid(),ge={name:P$1.getItemDefaultName(z,s)};if(Z=A$1(s,B,X,Y,k,ge,s.length,null),!Z)throw new Error("Tab was not inserted... Please contact technical support");P({...a,activeWidgetId:Y,containerData:Z.result,selectedWidgetProps:{...a.selectedWidgetProps,...Z.nodeData.properties,name:ge.name,_path:{...a.selectedWidgetProps._path,type:k.type,stricttype:k.component.displayName,component:k.component,widgetId:Y}}});}},[]),ve=useCallback((k,B,X,Z,Y,ge)=>{let Ve,be,Ae,se=k.id,et=k.type,gt=k.component,Bt=k.properties;if((se===null?"add":"move")==="add")if(se=s.length+"-"+b$1.guid(),B){if(k.component===z){se="tab-"+se;let Te={name:P$1.getItemDefaultName(z,s)};if(be=A$1(s,B,X,se,k,Te,s.length,null),!be)throw new Error("Tab was not inserted... Please contact technical support");s=be.result,Bt=be.nodeData.properties;}else be=ae(s,B,X,se,k,ke(B,X,Z).index,false,{}),s=be.result,Bt=be.nodeData.properties;se=be.nodeData.id;}else if(k.component===z){se="tab-"+se;let Te={name:P$1.getItemDefaultName(z,s)};if(be=A$1(s,B,X,se,k,Te,ke(B,X,Z).index,Y),!be)throw new Error("Tab was not inserted... Please contact technical support");s=be.result,Bt=be.nodeData.properties;}else s=Ce(s,se,k,ke(null,null,Z).index,false,k.path);else if(ge){let Te=ke(B,X,se);et=Te.item.type,Bt=Te.item.properties,gt=Te.item.component,Ae=P$1.getNodeUpdatePath(Te.path,{$splice:[[Te.index,1],[Y,0,Te.item]]}),s=(0, me.default)(s,Ae);}else {let Te=ke(k.tabId,k.panelId,se);if(k.tabId===Te.item.tabId&&B===Te.item.id||B!==null&&P$1.isChildrenTab(s,B,Te.item.id))return;if(k.panelId&&k.panelId!==""&&(Ve=P$1.getTabContainer(s,k.panelId),Ve&&Ve.item._children.length===1)){G("The Tab widget should have at least 1 widget to be remaining...");return}Ae=P$1.getNodeUpdatePath(Te.path,{$splice:[[k.originalIndex,1]]}),s=(0, me.default)(s,Ae);let hi=Yt=>{var fi;Yt.tabId=B,Yt.panelId=X,((fi=Yt._children)==null?void 0:fi.length)>0&&Yt._children.forEach(hi);};hi(Te.item);let Ts=M(s,X).path;s=Ce(s,se,Te.item,ke(B,X,Z).index,false,Ts);}P({...a,activeWidgetId:se,containerData:s,selectedWidgetProps:{...a.selectedWidgetProps,...Bt,_path:{...a.selectedWidgetProps._path,type:et,component:gt,tabId:B,panelId:X,rowId:se,widgetId:se}}});},[]),We=useCallback(()=>{d(s);},[]),Ee=useCallback((k,B,X,Z,Y)=>{let ge,Ve,be,Ae,se,et,gt;Y.id===null?(ge=b$1.guid(),be=P$1.getDefaultTabIndex(s),Ve=P$1.getItemDefaultName(Y.component,s),gt={...Y.properties,name:Ve},Y.properties.tabIndex!==void 0&&(gt={...Y.properties,name:Ve,tabIndex:be}),et=Ie(s,ge,k,B,X,Z,{...Y,tabId:k,panelId:B,properties:gt}),Ae=et.result,se=et.nodeData):(ge=Y.id,Ve=Y.properties.name,be=Y.properties.tabIndex,et=_e(s,ge,k,B,X,Z,Y),Ae=et.result,se=et.nodeData),P({...a,activeWidgetId:ge,containerData:Ae,selectedWidgetProps:{...a.selectedWidgetProps,...se.properties,name:Ve,tabIndex:be,_path:{...a.selectedWidgetProps._path,type:Y.type,stricttype:Y.component.displayName,component:Y.component,panelId:B,rowId:X,segmentId:Z,widgetId:ge}}});},[]),ke=useCallback((k,B,X)=>P$1.findRowItem(k,B,X,s),[]),ce=useCallback((k,B,X,Z)=>P$1.findSegmentItem(k,B,X,Z,s),[]),Fe=useCallback((k,B,X,Z)=>P$1.findTableCellItem(k,B,X,Z,s),[]),U=useCallback((k,B)=>P$1.findPanelItem(k,B,s),[]),He=useCallback((k,B,X)=>P$1.findWidgetByIdRecursive(s,X),[]),ut=useCallback((k,B,X)=>{},[]),ue=useCallback((k,B,X,Z,Y,ge,Ve,be)=>{H$1(k,B,X,Z,Y,ge,Ve);},[]),rt=useCallback(()=>a.activeWidgetId,[]),Jt=useCallback((k,B)=>P$1.getActiveTabIndex(s,B),[]),Qt=useCallback(k=>{G(k);},[]),ys=useCallback(()=>true,[]),ws=useCallback((k,B,X)=>{var be;let Z=P$1.getTabContainer(s,B),Y=P$1.getTabContainerChildrens(s,B);for(let Ae=0;Ae<Y.data.length;Ae++)Y.data[Ae].activeTab="0";let ge=Y.data.filter((Ae,se)=>se===X)[0];if(!ge||!Z||!Z.item)return;ge.properties={...((be=Z.item.properties)==null?void 0:be.tabsetup)||{},...ge.properties||{}};let Ve=P$1.getNodeUpdatePath(Y.path,{$splice:[[X,1,{...ge,activeTab:"1"}]]});P({...a,activeWidgetId:B,containerData:(0, me.default)(s,Ve),selectedWidgetProps:{...a.selectedWidgetProps,...Z.item.properties,tabsetup:{...ge.properties},_path:{...a.selectedWidgetProps._path,component:Z.item.component,type:c$1.TAB,stricttype:Z.item.component.displayName,tabId:k,panelId:ge.id,rowId:null,segmentId:null,widgetId:B}}});},[]),Ps=useCallback(k=>{},[]),ks=useCallback(k=>{},[]);return ie.createElement(I$1,{addRowItem:E,addTabItem:L},s.map(({id:k,tabId:B,panelId:X,type:Z,component:Y})=>ie.createElement(Y,{key:"element_"+k,id:k,tabId:B,panelId:X,className:Z,getSelectedWidgetId:rt,setActiveTabIndex:ws,getActiveTabIndex:Jt,findRowItem:ke,moveRowItem:ve,saveFormState:We,addRowSegmentItem:Ee,findPanelItem:U,findSegmentItem:ce,findTableCellItem:Fe,findWidgetItem:He,moveWidgetItem:ut,onPointerUp:ue,showMessage:Qt,getEditMode:ys,getFormData:ks,eventDispatcher:Ps},k)))},{maxWidth:l,minHeight:C}=((S=a.containerProps)==null?void 0:S.style)||{},g=t.leftSideBarVisible?"content-wrapper "+(window.innerWidth<990?"expanded-full":""):"content-wrapper expanded-full ",f=d=>{let{title:E,subtitle:L}=d,ve=E;return L!==void 0&&L!==""&&(ve=E+" - "+L),ve},m=(d,E)=>{P({...a,containerProps:{...a.containerProps,[d]:E},selectedWidgetProps:{...a.selectedWidgetProps,[d]:E}});},y=jsxs("div",{className:"formeditor-layout",children:[jsx("div",{id:"left-sidebar-wrapper",style:{width:D$1===1?"auto":"100%"},children:jsx(gi,{selectedWidgetProps:a.selectedWidgetProps,selectedWidgetPropsChange:q,removeWidgetButtonClick:K$1,saveForm:te,closeForm:t.modalCloseFn,inPreviewMode:a.inPreviewMode||false,containerProps:a.containerProps,onContainerPropsChange:m,onTabChange:_,currentTab:D$1,isBuildocsExtendedEditor:e,pluginCode:a.meta.pluginCode})}),a.inPreviewMode===false&&D$1===1&&jsx("div",{id:"main-content-wrapper",className:g,children:jsx("div",{className:"content",children:jsx("div",{className:"main-content on-scrollbar",style:{overflowY:"scroll",height:"85vh",padding:"0 10px 10px 10px"},children:jsxs("div",{id:"formeditorCanvas",style:{maxWidth:l,border:((R=a.containerProps)==null?void 0:R.border)===false?"none":void 0},children:[jsx("div",{className:"formeditor-header top-border-radius",style:{backgroundColor:((h=a.containerProps)==null?void 0:h.headerbackground)===false?"transparent":void 0},onPointerUp:d=>{H$1(d,c$1.CONTAINER,null);},children:f(a.containerProps)}),jsx("div",{className:"formeditor-container bottom-border-radius",style:{minHeight:C},children:jsx(b,{})})]})})})}),a.inPreviewMode===true&&v.open===true&&jsx(c$2,{plugincode:v.plugincode,modalCloseCallBack:Ne}),a.inPreviewMode===true&&v.open===false&&D$1===1&&jsx(b$5,{previewMode:a.inPreviewMode,className:g,maxWidth:l,setup:a.containerSetup,params:{pluginCode:t.pluginCode,formCode:t.formCode},enableEventHandlers:false}),jsx(n,{...a.dialog.widgetRemove,handleDialogClose:Me})]});return a.inPreviewMode===true?y:jsx(DndProvider,{backend:HTML5Backend,options:{},children:y})})()})),by={cursor:"move",opacity:1};export{cy as a,by as b};

package/dist/{chunk-KMT3KKZP.js → chunk-NFMOGDFO.js}

@@ -1 +1 @@
-import {e}from'./chunk-FRAOYRZD.js';import {b}from'./chunk-LBMVBVXW.js';import {p}from'./chunk-UB4UI4WT.js';import {createContext,memo,useCallback,useEffect,useContext}from'react';import {jsx}from'react/jsx-runtime';import {nanoid}from'@reduxjs/toolkit';import {useNavigate}from'react-router-dom';var c=createContext({isBuildocsExtendedEditor:false}),I=({children:i,isBuildocsExtendedEditor:e=false})=>jsx(c.Provider,{value:{isBuildocsExtendedEditor:e},children:i}),M=()=>{let i=useContext(c);return i||{isBuildocsExtendedEditor:false}};var y=i=>new Promise(e=>setTimeout(e,i)),H=memo(function(e$1){let {viewPort:n}=b(),{ping:r,buildPlugin:a}=b(),f=e();n.isMobileDevice?(n.width,n.height):("translate(-50%, -50%)");let g=useNavigate(),m=()=>{if((e$1==null?void 0:e$1.modalCloseCallBack)!==void 0)e$1==null||e$1.modalCloseCallBack();else {let o=`/pluginmanager/${e$1.plugincode}/plugin/${e$1.guid}?ref=/pluginmanager`;return g(o)}},l=o=>{(async()=>r&&await r({cmd:"ping"}).then(async E=>{E.meta.requestStatus==="rejected"?(f({toastID:nanoid(11),msg:"Application is being restarted. Please wait until it finishes....",clearQueue:true,hideProgressBar:false}),await y(5e3),l(o)):o();}))();},x=useCallback(async()=>{a&&(await a({pluginCode:e$1.plugincode}),l(m));},[]);return useEffect(()=>{x();},[]),jsx(p,{text:"Re-building plugin. Please wait...",size:250,textVariant:"body2",variant:void 0})});export{I as a,M as b,H as c};
+import {e}from'./chunk-FRAOYRZD.js';import {b}from'./chunk-LBMVBVXW.js';import {p}from'./chunk-UWHLAM4N.js';import {createContext,memo,useCallback,useEffect,useContext}from'react';import {jsx}from'react/jsx-runtime';import {nanoid}from'@reduxjs/toolkit';import {useNavigate}from'react-router-dom';var c=createContext({isBuildocsExtendedEditor:false}),I=({children:i,isBuildocsExtendedEditor:e=false})=>jsx(c.Provider,{value:{isBuildocsExtendedEditor:e},children:i}),M=()=>{let i=useContext(c);return i||{isBuildocsExtendedEditor:false}};var y=i=>new Promise(e=>setTimeout(e,i)),H=memo(function(e$1){let {viewPort:n}=b(),{ping:r,buildPlugin:a}=b(),f=e();n.isMobileDevice?(n.width,n.height):("translate(-50%, -50%)");let g=useNavigate(),m=()=>{if((e$1==null?void 0:e$1.modalCloseCallBack)!==void 0)e$1==null||e$1.modalCloseCallBack();else {let o=`/pluginmanager/${e$1.plugincode}/plugin/${e$1.guid}?ref=/pluginmanager`;return g(o)}},l=o=>{(async()=>r&&await r({cmd:"ping"}).then(async E=>{E.meta.requestStatus==="rejected"?(f({toastID:nanoid(11),msg:"Application is being restarted. Please wait until it finishes....",clearQueue:true,hideProgressBar:false}),await y(5e3),l(o)):o();}))();},x=useCallback(async()=>{a&&(await a({pluginCode:e$1.plugincode}),l(m));},[]);return useEffect(()=>{x();},[]),jsx(p,{text:"Re-building plugin. Please wait...",size:250,textVariant:"body2",variant:void 0})});export{I as a,M as b,H as c};