@buildocsdev/sdk 1.1.19 → 1.1.20

package/dist/{chunk-KCPTFG5W.js → chunk-JOKWNTNW.js}

@@ -1,4 +1,4 @@
-import {b as b$3,c as c$1}from'./chunk-6K3ZZUUM.js';import {a as a$3,b as b$5}from'./chunk-M26WXNQ2.js';import {b as b$4,e as e$2}from'./chunk-FRAOYRZD.js';import {a as a$2}from'./chunk-22LEYH6Q.js';import {g as g$1,b,H,L,q,h,Q,j,l,n,p,s,u,w,e,B,D as D$1,F,O,I,J,S as S$1,f,T,G as G$1,C,E,P as P$1,i,m,o as o$1,r as r$1,t,v,R,d,M,c as c$2,N as N$1,K as K$1}from'./chunk-KW32CT2P.js';import {b as b$1}from'./chunk-LBMVBVXW.js';import {o,l as l$1,n as n$2}from'./chunk-3QKKOFXC.js';import {N,D,P,r,n as n$1,I as I$1,f as f$1,H as H$1,j as j$1,h as h$1,J as J$1,L as L$1,K,z,F as F$1,e as e$1,G,u as u$1,v as v$1,k,M as M$1,B as B$1,a as a$4}from'./chunk-AR42AC7J.js';import {a as a$1}from'./chunk-SDIZEEZP.js';import {c,b as b$2}from'./chunk-5TBO732O.js';import ie,{memo,useEffect,useState,useCallback,lazy}from'react';import {withTranslation}from'react-i18next';import _p from'@mui/material/Tabs';import ma from'@mui/material/Tab';import tt from'@mui/material/Box';import vr from'@mui/material/TextField';import Mt from'@mui/material/Typography';import oa from'@mui/material/Divider';import na from'@mui/material/Paper';import ia from'@mui/material/Button';import Cp from'@mui/material/IconButton';import wp from'@mui/material/Checkbox';import aa from'@mui/material/FormControlLabel';import Pp from'@mui/material/Switch';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {nanoid}from'@reduxjs/toolkit';function _o({containerProps:o,onContainerPropsChange:e,disabled:t=false,onSave:r,onNext:n}){let i=z=>q=>{let U=q.target.value;z==="formCode"&&(U=U.replace(/[^a-z0-9]/gi,"").toUpperCase().slice(0,8)),e(z,U);},d=o.formCode||"",p=o.title||"",m=o.webhooks||[],w=o.useInIframe||false,P=d.trim()==="",s=d.trim().length>0&&d.trim().length<3,y=P||s,D=p.trim()==="",x=!y&&!D,E=10,O=z=>{let q=z.target.checked;e("useInIframe",q),!q&&m.length>0&&e("webhooks",[]);},B=()=>{if(m.length>=E)return;let z=[...m,{url:"",enabled:true}];e("webhooks",z);},F=z=>{let q=m.filter((U,se)=>se!==z);e("webhooks",q);},J=(z,q)=>{let U=[...m];U[z]={...U[z],url:q},e("webhooks",U);},K=(z,q)=>{let U=[...m];U[z]={...U[z],enabled:q},e("webhooks",U);};return jsx(tt,{sx:{height:"100%",overflowY:"auto",display:"flex",justifyContent:"center",alignItems:"flex-start",padding:4},children:jsxs(tt,{sx:{width:"100%",maxWidth:"800px"},children:[jsxs(na,{elevation:0,sx:{padding:3},children:[jsx(Mt,{variant:"h6",gutterBottom:true,sx:{fontWeight:"bold"},children:"Form Information"}),jsx(oa,{sx:{marginBottom:2}}),jsxs(tt,{sx:{display:"flex",flexDirection:"column",gap:2},children:[jsx(vr,{label:"Form Code",value:d,onChange:i("formCode"),disabled:t,fullWidth:true,size:"small",required:true,error:y,helperText:P?"Form Code is required":s?"Form Code must be at least 3 characters":"Unique identifier for this form (3-8 characters, a-z0-9 only)",inputProps:{maxLength:8}}),jsx(vr,{label:"Title",value:o.title||"",onChange:i("title"),disabled:t,fullWidth:true,size:"small",required:true,error:D,helperText:D?"Title is required":""}),jsx(vr,{label:"Description",value:o.description||"",onChange:i("description"),disabled:t,fullWidth:true,size:"small",multiline:true,rows:4,helperText:"Brief description of the form's purpose"})]})]}),jsxs(na,{elevation:0,sx:{padding:3,mt:3},children:[jsx(tt,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:jsx(Mt,{variant:"h6",sx:{fontWeight:"bold"},children:"On Save Webhooks"})}),jsx(tt,{sx:{mb:2},children:jsx(aa,{control:jsx(Pp,{checked:w,onChange:O,disabled:t,color:"primary"}),label:jsxs(tt,{children:[jsx(Mt,{variant:"body1",sx:{fontWeight:500},children:"Form will be used in iframe"}),jsx(Mt,{variant:"caption",color:"text.secondary",children:"Enable this to configure webhook endpoints for form submission"})]})})}),w&&jsxs(Fragment,{children:[jsx(oa,{sx:{marginBottom:2}}),jsxs(tt,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[jsxs(Mt,{variant:"body2",color:"text.secondary",children:["Configure webhook endpoints to be called when the form is submitted. Up to ",E," webhooks allowed."]}),jsx(ia,{variant:"outlined",size:"small",startIcon:jsx(B$1,{}),onClick:B,disabled:t||m.length>=E,children:"Add Webhook"})]}),m.length===0?jsx(Mt,{variant:"body2",color:"text.secondary",sx:{textAlign:"center",py:2},children:'No webhooks configured. Click "Add Webhook" to add one.'}):jsx(tt,{sx:{display:"flex",flexDirection:"column",gap:2},children:m.map((z,q)=>jsxs(tt,{sx:{display:"flex",alignItems:"center",gap:1,p:1.5,border:"1px solid",borderColor:"divider",borderRadius:1,backgroundColor:z.enabled?"transparent":"action.disabledBackground"},children:[jsx(aa,{control:jsx(wp,{checked:z.enabled,onChange:U=>K(q,U.target.checked),disabled:t,size:"small"}),label:"",sx:{mr:0}}),jsx(vr,{label:`Webhook ${q+1} URL`,value:z.url,onChange:U=>J(q,U.target.value),disabled:t||!z.enabled,fullWidth:true,size:"small",placeholder:"https://example.com/webhook",error:z.enabled&&z.url.trim()!==""&&!z.url.startsWith("http"),helperText:z.enabled&&z.url.trim()!==""&&!z.url.startsWith("http")?"URL must start with http:// or https://":""}),jsx(Cp,{onClick:()=>F(q),disabled:t,size:"small",color:"error",title:"Remove webhook",children:jsx(N,{})})]},q))})]})]}),jsx(tt,{sx:{display:"flex",justifyContent:"flex-end",mt:3},children:jsx(ia,{variant:"contained",color:"primary",onClick:n,disabled:t||!x,endIcon:jsx(a$4,{}),children:"Next"})})]})})}var Oo=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propvalue:e.propvalue,tabIndex:(t=e.tabIndex)!=null?t:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){let t=this.ref.current;t&&this.props.tabIndex===t.tabIndex&&t.focus(),this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled||this.props.readOnly?"propvalue-container disabledElement":"propvalue-container",t=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:e,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:t?r=>{let n=r.target.value.toLowerCase().replace(/[^a-z0-9_]/g,"");r.target.value=n;}:void 0,onBlur:r=>{var i;let n=r.target.value.trim();((i=this.state.propvalue)!=null?i:"")!==n&&this.props.propChanged(r,this.props.attr,this.props.propname,n);},tabIndex:this.state.tabIndex})})]})}},S=withTranslation()(Oo);var da=withTranslation()(memo(function(e){var i;let{name:t,value:r,visible:n=true}=(i=e.properties)!=null?i:{};return n?jsx("input",{type:"hidden",name:t,defaultValue:r}):null}));da.displayName="_Hidden";var pa=da;function Mo(o){if(typeof o=="boolean")return o;if(typeof o=="number")return o===1;if(typeof o=="string"){let e=o.toLowerCase().trim();return e==="true"?true:e==="false"?false:parseInt(o,10)===1}return  false}var Bo=class extends ie.PureComponent{constructor(t){var r,n;super(t);this.handleChange=t=>{let r=t.target.checked;this.state.checked!==r&&this.setState({checked:r},()=>{this.props.propChanged(this.state.checked,this.props.propname);});};this.state={isLoaded:false,proptitle:t.proptitle,propname:t.propname,checked:Mo(t.propvalue),hidelabel:(r=t.hidelabel)!=null?r:false,tabIndex:(n=t.tabIndex)!=null?n:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true,checked:Mo(this.props.propvalue)});}componentDidUpdate(t){let r=this.ref.current;r&&this.props.tabIndex===r.tabIndex&&r.focus(),t.propvalue!==this.props.propvalue&&this.setState({checked:Mo(this.props.propvalue)});}render(){if(this.state.isLoaded===false)return null;let t=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:t,children:[jsx(pa,{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})]})]})}},g=withTranslation()(Bo);var qe=class qe{static setProps(e){return qe.ctx=e,qe}static requireCtx(){if(!qe.ctx)throw new Error("PropsCommon.setProps(...) was not called before using a PropsCommon method.");return qe.ctx}static DataSourcePropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx();return r(t,e,null,n)}static selectedWidgetPropsChange(e,t,r,n){let{selectedWidgetPropsChange:i,selectedWidgetProps:d}=qe.requireCtx();return i(n,r,t,d)}static selectedDropdownWidgetPropsChange(e,t,r){let{selectedWidgetPropsChange:n,selectedWidgetProps:i}=qe.requireCtx();return n(e,t,r,i)}static selectedCheckboxPropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx();return r(!!e,t,null,n)}static selectedColorPropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx(),d=e==null||e==="#000000"||e==="#000"||e==="rgb(0, 0, 0)"||e==="rgb(0,0,0)"||typeof e=="string"&&e.toLowerCase()==="black"?void 0:e;return r(d,t,"style",n)}static removeWidgetButtonClick(e){let{removeWidgetButtonClick:t}=qe.requireCtx();return t(e)}};qe.ctx=null;var a=qe;var Ho=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var F;if(this.state.isLoaded===false)return null;let{type:t}=((F=this.props.selectedWidgetProps)==null?void 0:F._path)||{};if(t!==g$1.CONTAINER)return null;let r=(J,K,z)=>this.props.selectedWidgetPropsChange(J.target.value,z,K,this.props.selectedWidgetProps),{title:n,subtitle:i,sourcetable:d,systemform:p,donotsave:m,hideheader:w,skiphandler:P,border:s,headerbackground:y,style:D}=this.props.selectedWidgetProps,{maxWidth:x,minHeight:E}=D!=null?D:{},O=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Title",propname:"title",attr:null,propvalue:n,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Sub Title",propname:"subtitle",attr:null,propvalue:i,propChanged:r}),jsx(g,{disabled:this.props.disabled,proptitle:"Hide Header",propname:"hideheader",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Border",propname:"border",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Header Background",propname:"headerbackground",attr:null,propvalue:y,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),B=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Max-width",propname:"maxWidth",attr:"style",propvalue:x,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:E,propChanged:r}),this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Source Table",propname:"sourcetable",attr:null,propvalue:d,propChanged:r}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"Do not Save",propname:"donotsave",attr:null,propvalue:m,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"System Form",propname:"systemform",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"Skip Handler Gen.",propname:"skiphandler",attr:null,propvalue:P,propChanged:a.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(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&O,this.state.tabValue===1&&B]})}},ga=withTranslation()(Ho);function Je(o){return "Minified Redux error #"+o+"; visit https://redux.js.org/Errors?code="+o+" for the full message or use the non-minified dev environment for full errors. "}var ha=(function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"})(),Fo=function(){return Math.random().toString(36).substring(7).split("").join(".")},ba={INIT:"@@redux/INIT"+Fo(),REPLACE:"@@redux/REPLACE"+Fo()};function Op(o){if(typeof o!="object"||o===null)return  false;for(var e=o;Object.getPrototypeOf(e)!==null;)e=Object.getPrototypeOf(e);return Object.getPrototypeOf(o)===e}function Ao(o,e,t){var r;if(typeof e=="function"&&typeof t=="function"||typeof t=="function"&&typeof arguments[3]=="function")throw new Error(Je(0));if(typeof e=="function"&&typeof t=="undefined"&&(t=e,e=void 0),typeof t!="undefined"){if(typeof t!="function")throw new Error(Je(1));return t(Ao)(o,e)}if(typeof o!="function")throw new Error(Je(2));var n=o,i=e,d=[],p=d,m=false;function w(){p===d&&(p=d.slice());}function P(){if(m)throw new Error(Je(3));return i}function s(E){if(typeof E!="function")throw new Error(Je(4));if(m)throw new Error(Je(5));var O=true;return w(),p.push(E),function(){if(O){if(m)throw new Error(Je(6));O=false,w();var F=p.indexOf(E);p.splice(F,1),d=null;}}}function y(E){if(!Op(E))throw new Error(Je(7));if(typeof E.type=="undefined")throw new Error(Je(8));if(m)throw new Error(Je(9));try{m=!0,i=n(i,E);}finally{m=false;}for(var O=d=p,B=0;B<O.length;B++){var F=O[B];F();}return E}function D(E){if(typeof E!="function")throw new Error(Je(10));n=E,y({type:ba.REPLACE});}function x(){var E,O=s;return E={subscribe:function(F){if(typeof F!="object"||F===null)throw new Error(Je(11));function J(){F.next&&F.next(P());}J();var K=O(J);return {unsubscribe:K}}},E[ha]=function(){return this},E}return y({type:ba.INIT}),r={dispatch:y,subscribe:s,getState:P,replaceReducer:D},r[ha]=x,r}function fa(o,e,t){return e.split(".").reduce((r,n)=>r&&r[n]?r[n]:t||null,o)}function va(o,e){return o.filter(t=>t!==e)}function wr(o){return typeof o=="object"}function ya(o,e){let t=new Map,r=i=>{t.set(i,t.has(i)?t.get(i)+1:1);};o.forEach(r),e.forEach(r);let n=[];return t.forEach((i,d)=>{i===1&&n.push(d);}),n}function xa(o,e){return o.filter(t=>e.indexOf(t)>-1)}var Bt="dnd-core/INIT_COORDS",lt="dnd-core/BEGIN_DRAG",zt="dnd-core/PUBLISH_DRAG_SOURCE",ct="dnd-core/HOVER",ut="dnd-core/DROP",mt="dnd-core/END_DRAG";function Vo(o,e){return {type:Bt,payload:{sourceClientOffset:e||null,clientOffset:o||null}}}var Mp={type:Bt,payload:{clientOffset:null,sourceClientOffset:null}};function Ca(o){return function(t=[],r={publishSource:true}){let{publishSource:n=true,clientOffset:i,getSourceClientOffset:d}=r,p=o.getMonitor(),m=o.getRegistry();o.dispatch(Vo(i)),Bp(t,p,m);let w=Fp(t,p);if(w==null){o.dispatch(Mp);return}let P=null;if(i){if(!d)throw new Error("getSourceClientOffset must be defined");zp(d),P=d(w);}o.dispatch(Vo(i,P));let y=m.getSource(w).beginDrag(p,w);if(y==null)return;Hp(y),m.pinSource(w);let D=m.getSourceType(w);return {type:lt,payload:{itemType:D,item:y,sourceId:w,clientOffset:i||null,sourceClientOffset:P||null,isSourcePublic:!!n}}}}function Bp(o,e,t){c$2(!e.isDragging(),"Cannot call beginDrag while dragging."),o.forEach(function(r){c$2(t.getSource(r),"Expected sourceIds to be registered.");});}function zp(o){c$2(typeof o=="function","When clientOffset is provided, getSourceClientOffset must be a function.");}function Hp(o){c$2(wr(o),"Item must be an object.");}function Fp(o,e){let t=null;for(let r=o.length-1;r>=0;r--)if(e.canDragSource(o[r])){t=o[r];break}return t}function Ap(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function Vp(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){Ap(o,n,t[n]);});}return o}function wa(o){return function(t={}){let r=o.getMonitor(),n=o.getRegistry();jp(r),Gp(r).forEach((d,p)=>{let m=Up(d,p,n,r),w={type:ut,payload:{dropResult:Vp({},t,m)}};o.dispatch(w);});}}function jp(o){c$2(o.isDragging(),"Cannot call drop while not dragging."),c$2(!o.didDrop(),"Cannot call drop twice during one drag operation.");}function Up(o,e,t,r){let n=t.getTarget(o),i=n?n.drop(r,o):void 0;return qp(i),typeof i=="undefined"&&(i=e===0?{}:r.getDropResult()),i}function qp(o){c$2(typeof o=="undefined"||wr(o),"Drop result must either be an object or undefined.");}function Gp(o){let e=o.getTargetIds().filter(o.canDropOnTarget,o);return e.reverse(),e}function Pa(o){return function(){let t=o.getMonitor(),r=o.getRegistry();$p(t);let n=t.getSourceId();return n!=null&&(r.getSource(n,true).endDrag(t,n),r.unpinSource()),{type:mt}}}function $p(o){c$2(o.isDragging(),"Cannot call endDrag while not dragging.");}function Kt(o,e){return e===null?o===null:Array.isArray(o)?o.some(t=>t===e):o===e}function Ta(o){return function(t,{clientOffset:r}={}){Xp(t);let n=t.slice(0),i=o.getMonitor(),d=o.getRegistry(),p=i.getItemType();return Jp(n,d,p),Yp(n,i,d),Kp(n,i,d),{type:ct,payload:{targetIds:n,clientOffset:r||null}}}}function Xp(o){c$2(Array.isArray(o),"Expected targetIds to be an array.");}function Yp(o,e,t){c$2(e.isDragging(),"Cannot call hover while not dragging."),c$2(!e.didDrop(),"Cannot call hover after drop.");for(let r=0;r<o.length;r++){let n=o[r];c$2(o.lastIndexOf(n)===r,"Expected targetIds to be unique in the passed array.");let i=t.getTarget(n);c$2(i,"Expected targetIds to be registered.");}}function Jp(o,e,t){for(let r=o.length-1;r>=0;r--){let n=o[r],i=e.getTargetType(n);Kt(i,t)||o.splice(r,1);}}function Kp(o,e,t){o.forEach(function(r){t.getTarget(r).hover(e,r);});}function Sa(o){return function(){if(o.getMonitor().isDragging())return {type:zt}}}function ka(o){return {beginDrag:Ca(o),publishDragSource:Sa(o),hover:Ta(o),drop:wa(o),endDrag:Pa(o)}}var Pr=class{receiveBackend(e){this.backend=e;}getMonitor(){return this.monitor}getBackend(){return this.backend}getRegistry(){return this.monitor.registry}getActions(){let e=this,{dispatch:t}=this.store;function r(i){return (...d)=>{let p=i.apply(e,d);typeof p!="undefined"&&t(p);}}let n=ka(this);return Object.keys(n).reduce((i,d)=>{let p=n[d];return i[d]=r(p),i},{})}dispatch(e){this.store.dispatch(e);}constructor(e,t){this.isSetUp=false,this.handleRefCountChange=()=>{let r=this.store.getState().refCount>0;this.backend&&(r&&!this.isSetUp?(this.backend.setup(),this.isSetUp=true):!r&&this.isSetUp&&(this.backend.teardown(),this.isSetUp=false));},this.store=e,this.monitor=t,e.subscribe(this.handleRefCountChange);}};function Qp(o,e){return {x:o.x+e.x,y:o.y+e.y}}function Ea(o,e){return {x:o.x-e.x,y:o.y-e.y}}function Wa(o){let{clientOffset:e,initialClientOffset:t,initialSourceClientOffset:r}=o;return !e||!t||!r?null:Ea(Qp(e,r),t)}function Da(o){let{clientOffset:e,initialClientOffset:t}=o;return !e||!t?null:Ea(e,t)}var Ht=[],Tr=[];Ht.__IS_NONE__=true;Tr.__IS_ALL__=true;function Ra(o,e){return o===Ht?false:o===Tr||typeof e=="undefined"?true:xa(e,o).length>0}var Sr=class{subscribeToStateChange(e,t={}){let{handlerIds:r}=t;c$2(typeof e=="function","listener must be a function."),c$2(typeof r=="undefined"||Array.isArray(r),"handlerIds, when specified, must be an array of strings.");let n=this.store.getState().stateId,i=()=>{let d=this.store.getState(),p=d.stateId;try{p===n||p===n+1&&!Ra(d.dirtyHandlerIds,r)||e();}finally{n=p;}};return this.store.subscribe(i)}subscribeToOffsetChange(e){c$2(typeof e=="function","listener must be a function.");let t=this.store.getState().dragOffset,r=()=>{let n=this.store.getState().dragOffset;n!==t&&(t=n,e());};return this.store.subscribe(r)}canDragSource(e){if(!e)return  false;let t=this.registry.getSource(e);return c$2(t,`Expected to find a valid source. sourceId=${e}`),this.isDragging()?false:t.canDrag(this,e)}canDropOnTarget(e){if(!e)return  false;let t=this.registry.getTarget(e);if(c$2(t,`Expected to find a valid target. targetId=${e}`),!this.isDragging()||this.didDrop())return  false;let r=this.registry.getTargetType(e),n=this.getItemType();return Kt(r,n)&&t.canDrop(this,e)}isDragging(){return !!this.getItemType()}isDraggingSource(e){if(!e)return  false;let t=this.registry.getSource(e,true);if(c$2(t,`Expected to find a valid source. sourceId=${e}`),!this.isDragging()||!this.isSourcePublic())return  false;let r=this.registry.getSourceType(e),n=this.getItemType();return r!==n?false:t.isDragging(this,e)}isOverTarget(e,t={shallow:false}){if(!e)return  false;let{shallow:r}=t;if(!this.isDragging())return  false;let n=this.registry.getTargetType(e),i=this.getItemType();if(i&&!Kt(n,i))return  false;let d=this.getTargetIds();if(!d.length)return  false;let p=d.indexOf(e);return r?p===d.length-1:p>-1}getItemType(){return this.store.getState().dragOperation.itemType}getItem(){return this.store.getState().dragOperation.item}getSourceId(){return this.store.getState().dragOperation.sourceId}getTargetIds(){return this.store.getState().dragOperation.targetIds}getDropResult(){return this.store.getState().dragOperation.dropResult}didDrop(){return this.store.getState().dragOperation.didDrop}isSourcePublic(){return !!this.store.getState().dragOperation.isSourcePublic}getInitialClientOffset(){return this.store.getState().dragOffset.initialClientOffset}getInitialSourceClientOffset(){return this.store.getState().dragOffset.initialSourceClientOffset}getClientOffset(){return this.store.getState().dragOffset.clientOffset}getSourceClientOffset(){return Wa(this.store.getState().dragOffset)}getDifferenceFromInitialOffset(){return Da(this.store.getState().dragOffset)}constructor(e,t){this.store=e,this.registry=t;}};var Ia=typeof global!="undefined"?global:self,Na=Ia.MutationObserver||Ia.WebKitMutationObserver;function jo(o){return function(){let t=setTimeout(n,0),r=setInterval(n,50);function n(){clearTimeout(t),clearInterval(r),o();}}}function Zp(o){let e=1,t=new Na(o),r=document.createTextNode("");return t.observe(r,{characterData:true}),function(){e=-e,r.data=e;}}var La=typeof Na=="function"?Zp:jo;var kr=class{enqueueTask(e){let{queue:t,requestFlush:r}=this;t.length||(r(),this.flushing=true),t[t.length]=e;}constructor(){this.queue=[],this.pendingErrors=[],this.flushing=false,this.index=0,this.capacity=1024,this.flush=()=>{let{queue:e}=this;for(;this.index<e.length;){let t=this.index;if(this.index++,e[t].call(),this.index>this.capacity){for(let r=0,n=e.length-this.index;r<n;r++)e[r]=e[r+this.index];e.length-=this.index,this.index=0;}}e.length=0,this.index=0,this.flushing=false;},this.registerPendingError=e=>{this.pendingErrors.push(e),this.requestErrorThrow();},this.requestFlush=La(this.flush),this.requestErrorThrow=jo(()=>{if(this.pendingErrors.length)throw this.pendingErrors.shift()});}};var Er=class{call(){try{this.task&&this.task();}catch(e){this.onError(e);}finally{this.task=null,this.release(this);}}constructor(e,t){this.onError=e,this.release=t,this.task=null;}};var Wr=class{create(e){let t=this.freeTasks,r=t.length?t.pop():new Er(this.onError,n=>t[t.length]=n);return r.task=e,r}constructor(e){this.onError=e,this.freeTasks=[];}};var _a=new kr,el=new Wr(_a.registerPendingError);function Oa(o){_a.enqueueTask(el.create(o));}var Qt="dnd-core/ADD_SOURCE",Zt="dnd-core/ADD_TARGET",er="dnd-core/REMOVE_SOURCE",Ct="dnd-core/REMOVE_TARGET";function Ma(o){return {type:Qt,payload:{sourceId:o}}}function Ba(o){return {type:Zt,payload:{targetId:o}}}function za(o){return {type:er,payload:{sourceId:o}}}function Ha(o){return {type:Ct,payload:{targetId:o}}}function Fa(o){c$2(typeof o.canDrag=="function","Expected canDrag to be a function."),c$2(typeof o.beginDrag=="function","Expected beginDrag to be a function."),c$2(typeof o.endDrag=="function","Expected endDrag to be a function.");}function Aa(o){c$2(typeof o.canDrop=="function","Expected canDrop to be a function."),c$2(typeof o.hover=="function","Expected hover to be a function."),c$2(typeof o.drop=="function","Expected beginDrag to be a function.");}function Dr(o,e){if(e&&Array.isArray(o)){o.forEach(t=>Dr(t,false));return}c$2(typeof o=="string"||typeof o=="symbol",e?"Type can only be a string, a symbol, or an array of either.":"Type can only be a string or a symbol.");}var Ge;(function(o){o.SOURCE="SOURCE",o.TARGET="TARGET";})(Ge||(Ge={}));var tl=0;function Va(){return tl++}function rl(o){let e=Va().toString();switch(o){case Ge.SOURCE:return `S${e}`;case Ge.TARGET:return `T${e}`;default:throw new Error(`Unknown Handler Role: ${o}`)}}function ja(o){switch(o[0]){case "S":return Ge.SOURCE;case "T":return Ge.TARGET;default:throw new Error(`Cannot parse handler ID: ${o}`)}}function Ua(o,e){let t=o.entries(),r=false;do{let{done:n,value:[,i]}=t.next();if(i===e)return  true;r=!!n;}while(!r);return  false}var Rr=class{addSource(e,t){Dr(e),Fa(t);let r=this.addHandler(Ge.SOURCE,e,t);return this.store.dispatch(Ma(r)),r}addTarget(e,t){Dr(e,true),Aa(t);let r=this.addHandler(Ge.TARGET,e,t);return this.store.dispatch(Ba(r)),r}containsHandler(e){return Ua(this.dragSources,e)||Ua(this.dropTargets,e)}getSource(e,t=false){return c$2(this.isSourceId(e),"Expected a valid source ID."),t&&e===this.pinnedSourceId?this.pinnedSource:this.dragSources.get(e)}getTarget(e){return c$2(this.isTargetId(e),"Expected a valid target ID."),this.dropTargets.get(e)}getSourceType(e){return c$2(this.isSourceId(e),"Expected a valid source ID."),this.types.get(e)}getTargetType(e){return c$2(this.isTargetId(e),"Expected a valid target ID."),this.types.get(e)}isSourceId(e){return ja(e)===Ge.SOURCE}isTargetId(e){return ja(e)===Ge.TARGET}removeSource(e){c$2(this.getSource(e),"Expected an existing source."),this.store.dispatch(za(e)),Oa(()=>{this.dragSources.delete(e),this.types.delete(e);});}removeTarget(e){c$2(this.getTarget(e),"Expected an existing target."),this.store.dispatch(Ha(e)),this.dropTargets.delete(e),this.types.delete(e);}pinSource(e){let t=this.getSource(e);c$2(t,"Expected an existing source."),this.pinnedSourceId=e,this.pinnedSource=t;}unpinSource(){c$2(this.pinnedSource,"No source is pinned at the time."),this.pinnedSourceId=null,this.pinnedSource=null;}addHandler(e,t,r){let n=rl(e);return this.types.set(n,t),e===Ge.SOURCE?this.dragSources.set(n,r):e===Ge.TARGET&&this.dropTargets.set(n,r),n}constructor(e){this.types=new Map,this.dragSources=new Map,this.dropTargets=new Map,this.pinnedSourceId=null,this.pinnedSource=null,this.store=e;}};var ol=(o,e)=>o===e;function qa(o,e){return !o&&!e?true:!o||!e?false:o.x===e.x&&o.y===e.y}function Ga(o,e,t=ol){if(o.length!==e.length)return  false;for(let r=0;r<o.length;++r)if(!t(o[r],e[r]))return  false;return  true}function $a(o=Ht,e){switch(e.type){case ct:break;case Qt:case Zt:case Ct:case er:return Ht;case lt:case zt:case mt:case ut:default:return Tr}let{targetIds:t=[],prevTargetIds:r=[]}=e.payload,n=ya(t,r);if(!(n.length>0||!Ga(t,r)))return Ht;let d=r[r.length-1],p=t[t.length-1];return d!==p&&(d&&n.push(d),p&&n.push(p)),n}function nl(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function il(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){nl(o,n,t[n]);});}return o}var Xa={initialSourceClientOffset:null,initialClientOffset:null,clientOffset:null};function Ya(o=Xa,e){let{payload:t}=e;switch(e.type){case Bt:case lt:return {initialSourceClientOffset:t.sourceClientOffset,initialClientOffset:t.clientOffset,clientOffset:t.clientOffset};case ct:return qa(o.clientOffset,t.clientOffset)?o:il({},o,{clientOffset:t.clientOffset});case mt:case ut:return Xa;default:return o}}function al(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function Ft(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){al(o,n,t[n]);});}return o}var sl={itemType:null,item:null,sourceId:null,targetIds:[],dropResult:null,didDrop:false,isSourcePublic:null};function Ja(o=sl,e){let{payload:t}=e;switch(e.type){case lt:return Ft({},o,{itemType:t.itemType,item:t.item,sourceId:t.sourceId,isSourcePublic:t.isSourcePublic,dropResult:null,didDrop:false});case zt:return Ft({},o,{isSourcePublic:true});case ct:return Ft({},o,{targetIds:t.targetIds});case Ct:return o.targetIds.indexOf(t.targetId)===-1?o:Ft({},o,{targetIds:va(o.targetIds,t.targetId)});case ut:return Ft({},o,{dropResult:t.dropResult,didDrop:true,targetIds:[]});case mt:return Ft({},o,{itemType:null,item:null,sourceId:null,dropResult:null,didDrop:false,isSourcePublic:null,targetIds:[]});default:return o}}function Ka(o=0,e){switch(e.type){case Qt:case Zt:return o+1;case er:case Ct:return o-1;default:return o}}function Qa(o=0){return o+1}function dl(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function pl(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){dl(o,n,t[n]);});}return o}function Za(o={},e){return {dirtyHandlerIds:$a(o.dirtyHandlerIds,{type:e.type,payload:pl({},e.payload,{prevTargetIds:fa(o,"dragOperation.targetIds",[])})}),dragOffset:Ya(o.dragOffset,e),refCount:Ka(o.refCount,e),dragOperation:Ja(o.dragOperation,e),stateId:Qa(o.stateId)}}function es(o,e=void 0,t={},r=false){let n=ll(r),i=new Sr(n,new Rr(n)),d=new Pr(n,i),p=o(d,e,t);return d.receiveBackend(p),d}function ll(o){let e=typeof window!="undefined"&&window.__REDUX_DEVTOOLS_EXTENSION__;return Ao(Za,o&&e&&e({name:"dnd-core",instanceId:"dnd-core"}))}function cl(o,e){if(o==null)return {};var t=ul(o,e),r,n;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);for(n=0;n<i.length;n++)r=i[n],!(e.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(o,r)&&(t[r]=o[r]);}return t}function ul(o,e){if(o==null)return {};var t={},r=Object.keys(o),n,i;for(i=0;i<r.length;i++)n=r[i],!(e.indexOf(n)>=0)&&(t[n]=o[n]);return t}var ts=0,Ir=Symbol.for("__REACT_DND_CONTEXT_INSTANCE__"),rs=memo(function(e){var{children:t}=e,r=cl(e,["children"]);let[n,i]=bl(r);return useEffect(()=>{if(i){let d=os();return ++ts,()=>{--ts===0&&(d[Ir]=null);}}},[]),jsx(b.Provider,{value:n,children:t})});function bl(o){if("manager"in o)return [{dragDropManager:o.manager},false];let e=fl(o.backend,o.context,o.options,o.debugMode),t=!o.context;return [e,t]}function fl(o,e=os(),t,r){let n=e;return n[Ir]||(n[Ir]={dragDropManager:es(o,e,t,r)}),n[Ir]}function os(){return typeof global!="undefined"?global:window}var Uo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var i;if(this.state.isLoaded===false)return null;let{component:e,rowId:t}=((i=this.props.selectedWidgetProps)==null?void 0:i._path)||{};if(e===void 0||e!==H)return null;let r=(d,p,m)=>this.props.selectedWidgetPropsChange(d.target.value,m,p,this.props.selectedWidgetProps),{columns:n}=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:()=>a.setProps(this.props).removeWidgetButtonClick(t)})})]}),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:t})}),jsx(S,{disabled:this.props.disabled,proptitle:"Segment count",propname:"columns",attr:null,propvalue:n,propChanged:r})]})}},as=withTranslation()(Uo);var qo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}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,ref:this.ref,children:jsx("span",{className:"elwrapper",style:this.props.style,children:this.props.propvalue})})]})}},Lr=withTranslation()(qo);var Go=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var d,p;if(!this.state.isLoaded)return null;let{component:e,segmentId:t}=((d=this.props.selectedWidgetProps)==null?void 0:d._path)||{};if(e===void 0||e!==L)return null;let r=(m,w,P)=>this.props.selectedWidgetPropsChange(m.target.value,P,w,this.props.selectedWidgetProps),{flexGrow:n,minWidth:i}=(p=this.props.selectedWidgetProps.style)!=null?p:{};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(Lr,{disabled:this.props.disabled,proptitle:"ID",propvalue:t,style:{fontSize:"9px",lineHeight:"20px"}}),jsx(S,{disabled:this.props.disabled,proptitle:"Flex-grow",propname:"flexGrow",attr:"style",propvalue:n,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-width",propname:"minWidth",attr:"style",propvalue:i,propChanged:r})]})}},ps=withTranslation()(Go);var $o=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"fontWeight",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,"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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t: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"}})})]})}},Ce=withTranslation()($o);var Xo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"fontSize",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"15px"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style"),t={};for(let n=10;n<=60;n++){let i=`${n}px`;t[i]=i;}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(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,sort:"alpha",options:t})})]})}},we=withTranslation()(Xo);var Ll=ie.lazy(()=>new Function('return import("react-color")')().then(o=>({default:o.SketchPicker})).catch(()=>({default:(()=>null)}))),Jo=class extends ie.PureComponent{constructor(t){super(t);this.handleChange=t=>{t.hex&&this.props.propChanged(t.hex,this.props.propname);};this.handleReset=()=>{this.props.propChanged(void 0,this.props.propname),this.setState({propvalue:"#000000"});};this.state={isLoaded:false,propvalue:t.propvalue||"#000000"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){this.props.propvalue&&this.props.propvalue!==t.propvalue&&this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let t={width:"1.55em",height:"1.6em",margin:"6px 6px 6px",borderRadius:"4px",backgroundColor:this.state.propvalue},r=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,{style:{cursor:"pointer",fontSize:"12px",marginRight:"6px",color:"#666",opacity:.7},title:"Reset color",onClick:this.handleReset})]}),jsx("div",{className:r,ref:this.ref,children:this.props.disabled?jsxs("div",{style:{display:"flex",alignItems:"center"},children:[jsx("div",{style:t}),jsx("span",{style:{lineHeight:"2em",fontStyle:"normal"},children:this.state.propvalue.toUpperCase()})]}):jsx(ie.Suspense,{fallback:null,children:jsx(Ll,{color:this.state.propvalue,onChange:this.handleChange,disableAlpha:true})})})]})}},it=withTranslation()(Jo);var Ko=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"variant",propvalue:e.propvalue,options:(r=e.options)!=null?r:{standard:"Standard",outlined:"Outlined",filled:"Filled"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:this.state.options})})]})}},ht=withTranslation()(Ko);var Qo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"buttontype",propvalue:e.propvalue,options:(r=e.options)!=null?r:{none:h.NONE,cancel:h.CANCEL,custom:h.CUSTOM,print:h.PRINT,save:h.SAVE}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Button Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},gs=withTranslation()(Qo);var Zo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"colorSchema",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:""},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"",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(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},bs=withTranslation()(Zo);var tn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var E,O;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((E=this.props.selectedWidgetProps)==null?void 0:E._path)||{};if(t===void 0||t!==Q)return null;let{title:n,buttontype:i,fullWidth:d,name:p,variant:m,colorSchema:w,visible:P,style:s}=this.props.selectedWidgetProps,y=(O=s==null?void 0:s.backgroundColor)!=null?O:"primary.main";w&&(y=`${w.toLowerCase()}.main`);let D=jsxs(Fragment,{children:[jsx(gs,{attr:null,disabled:this.props.disabled,defaultValue:h.NONE.toLowerCase(),propvalue:i,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(bs,{disabled:this.props.disabled,propvalue:w,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(it,{disabled:this.props.disabled,proptitle:"Color",propname:"backgroundColor",propvalue:y,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",options:{contained:"Contained",outlined:"Outlined",text:"Text"},propvalue:m,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Full Width",propname:"fullWidth",propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),x=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:r})}),jsx(we,{disabled:this.props.disabled,propvalue:s==null?void 0:s.fontSize,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ce,{disabled:this.props.disabled,defaultValue:"normal",propvalue:s==null?void 0:s.fontWeight,propChanged:a.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:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&D,this.state.tabValue===1&&x]})}},ys=withTranslation()(tn);var rn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Text Align"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t,r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"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(q,{...this.props,propChanged:e,propname:(t=this.state.propname)!=null?t:"textAlign",propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:{left:"Left",center:"Center",right:"Right"}})})]})}},Ie=withTranslation()(rn);var on=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"verticalalign",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{middle:"Middle",bottom:"Bottom"}})})]})}},Vr=withTranslation()(on);var an=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var B;if(this.state.isLoaded===false)return null;let{type:t,component:r,rowId:n,segmentId:i,widgetId:d}=((B=this.props.selectedWidgetProps)==null?void 0:B._path)||{};if(r===void 0||r!==j)return null;let{title:p,name:m,verticalalign:w,visible:P,style:{textAlign:s,fontSize:y,fontWeight:D,color:x}}=this.props.selectedWidgetProps,E=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:m,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Ie,{disabled:this.props.disabled,defaultValue:"left",propvalue:s,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),O=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:d})}),jsx(it,{disabled:this.props.disabled,proptitle:"Color",propname:"color",propvalue:x,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(we,{disabled:this.props.disabled,propvalue:y,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ce,{disabled:this.props.disabled,defaultValue:"normal",propvalue:D,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Vr,{disabled:this.props.disabled,defaultValue:"middle",propvalue:w,propChanged:a.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:()=>a.setProps(this.props).removeWidgetButtonClick(d)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&E,this.state.tabValue===1&&O]})}},Ts=withTranslation()(an);var sn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,tabIndex:(t=e.tabIndex)!=null?t:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(this.state.isLoaded===false)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:"Format"})}),jsx("div",{className:e,children:jsx("input",{ref:this.ref,type:"text",name:this.props.propname,defaultValue:(t=this.state.propvalue)!=null?t:"",disabled:this.props.disabled,onBlur:r=>{var i;let n=r.target.value.trim();((i=this.state.propvalue)!=null?i:"")!==n&&this.props.propChanged(r,this.props.attr,this.props.propname,n);},tabIndex:this.state.tabIndex})})]})}},ks=withTranslation()(sn);var dn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,inputtype:e.inputtype};}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let e={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(q,{propname:"inputtype",disabled:this.props.disabled,defaultValue:this.props.inputtype||"input",propChanged:(t,r)=>this.props.selectedDropdownWidgetPropsChange(r,t,null),hidelabel:true,sort:"alpha",options:e})})]})}},Es=withTranslation()(dn);var pn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let e=(t,r)=>this.props.propChanged(r,t,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(q,{...this.props,propChanged:e,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"",today:"Today"}})})]})}},Ds=withTranslation()(pn);var ln=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let e=(t,r)=>this.props.propChanged(r,t,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(q,{...this.props,propChanged:e,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"","start of day":"start of day",now:"now"}})})]})}},Is=withTranslation()(ln);var cn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"size",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{small:"Small",medium:"Medium"}})})]})}},At=withTranslation()(cn);var un=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"reservedname",propvalue:e.propvalue,options:(r=e.options)!=null?r:{_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 t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"alpha",options:this.state.options})})]})}},_s=withTranslation()(un);var mn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"reservedregex",propvalue:e.propvalue,options:(r=e.options)!=null?r:{_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 t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},Ms=withTranslation()(mn);var gn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"currency_format",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"en-US"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"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(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},Kr=withTranslation()(gn);var hn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"item_currencydisplay"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:"",hidelabel:true,options:t})})]})}},Zr=withTranslation()(hn);var bn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"item_fixedlocale"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:"",hidelabel:true,options:l(),sort:"keydesc"})})]})}},to=withTranslation()(bn);var fn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0};}componentDidMount(){this.setState({isLoaded:true});}render(){var N$1;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((N$1=this.props.selectedWidgetProps)==null?void 0:N$1._path)||{};if(t===void 0||t!==n)return null;let{currency_inputfield:n$1,currency_format:i,currency_currency:d,currency_fixedlocale:p,currency_currencydisplay:m,dateformat:w,defaultvalue:P,gsindex:s,forcereadonly:y,ignorereadonly:D,inputtype:x,label:E,placeholder:O,phoneformat:B,name:F,onchangehandler:J,readonly:K,required:z,requiredmessage:q,reservedname:U,reservedregex:se,regex:xe,showicon:Le,searchbar:_e,size:Oe,uppercasemode:Me,variant:Be,viewfield:l,visible:h,style:u}=this.props.selectedWidgetProps,{textAlign:T,fontSize:f,fontWeight:C}=u!=null?u:{},b=jsxs(Fragment,{children:[jsx(Es,{disabled:this.props.disabled,inputtype:x,selectedDropdownWidgetPropsChange:a.setProps(this.props).selectedDropdownWidgetPropsChange,selectedWidgetPropsChange:a.setProps(this.props).selectedWidgetPropsChange}),x==="currency"&&jsxs(Fragment,{children:[jsx(Kr,{disabled:this.props.disabled,propvalue:i,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),i==="fixed-locale"&&jsx(to,{disabled:this.props.disabled,propname:"currency_fixedlocale",propvalue:p,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(i==="locale"||i==="fixed-locale")&&jsx(Zr,{disabled:this.props.disabled,propname:"currency_currencydisplay",propvalue:m,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(i===""||i===void 0||i==="locale")&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Field Name",propname:"currency_inputfield",attr:null,propvalue:n$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),(i===""||i===void 0)&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency",propname:"currency_currency",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange})]}),x==="input"&&jsx(Ms,{disabled:this.props.disabled,proptitle:"Allowed Input",propname:"reservedregex",attr:null,propvalue:se,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),x==="input"&&se==="_custom"&&jsx(S,{disabled:this.props.disabled,proptitle:"Custom RegEx",propname:"regex",attr:null,propvalue:xe,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),x==="input"&&jsx(S,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),x==="date"&&jsx(Fragment,{children:jsx(Ds,{disabled:this.props.disabled,defaultValue:"",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})}),x==="time"&&jsx(Is,{disabled:this.props.disabled,defaultValue:"",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(x==="date"||x==="time")&&jsx(ks,{disabled:this.props.disabled,attr:null,propname:"dateformat",propvalue:w,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),x==="phone"&&jsx(S,{disabled:this.props.disabled,proptitle:"Phone Format",propname:"phoneformat",attr:null,propvalue:B,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:E,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(_s,{disabled:this.props.disabled,proptitle:"Name",propname:"reservedname",attr:null,propvalue:U,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),U==="_custom"&&jsx(S,{disabled:this.props.disabled,proptitle:"Custom Name",propname:"name",attr:null,propvalue:F,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),x!=="date"&&x!=="time"&&jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:O,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:z,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:q,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:K,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:Oe,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:Be,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:h,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),k=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:r})}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"GS Index",propname:"gsindex",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(we,{disabled:this.props.disabled,propvalue:f,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ce,{disabled:this.props.disabled,defaultValue:"normal",propvalue:C,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ie,{disabled:this.props.disabled,defaultValue:"left",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:J,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Readonly (On Edit)",propname:"forcereadonly",attr:null,propvalue:y,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Readonly Ignore",propname:"ignorereadonly",attr:null,propvalue:D,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),x==="date"&&jsx(g,{disabled:this.props.disabled,proptitle:"Show Icon",propname:"showicon",attr:null,propvalue:Le,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),x!=="date"&&jsx(g,{disabled:this.props.disabled,proptitle:"Upper Case Mode",propname:"uppercasemode",attr:null,propvalue:Me,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"Search Bar",propname:"searchbar",propvalue:_e,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:l,propChanged:a.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:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&b,this.state.tabValue===1&&k]})}},As=withTranslation()(fn);var yn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var xe;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((xe=this.props.selectedWidgetProps)==null?void 0:xe._path)||{};if(t===void 0||t!==p)return null;let{autocompleteTextArea:n,autosize:i,ignorereadonly:d,label:p$1,name:m,onchangehandler:w,placeholder:P,readonly:s,required:y,requiredmessage:D,size:x,variant:E,viewfield:O,visible:B,style:F}=this.props.selectedWidgetProps,{textAlign:J,fontSize:K,fontWeight:z,minHeight:q}=F!=null?F:{},U=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:p$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:m,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:y,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:D,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:B,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:x,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:E,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]}),se=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:r})}),jsx(g,{disabled:this.props.disabled,proptitle:"Auto Complete",propname:"autocompleteTextArea",propvalue:n!=null?n:false,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"Auto Size",propname:"autosize",propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:q,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(we,{disabled:this.props.disabled,propvalue:K,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ce,{disabled:this.props.disabled,defaultValue:"normal",propvalue:z,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ie,{disabled:this.props.disabled,defaultValue:"left",propvalue:J,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:O,propChanged:a.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:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&U,this.state.tabValue===1&&se]})}},Us=withTranslation()(yn);var xn={backgroundColor:"white",cursor:"move"},$e=o=>{let{id:e,type:t$1,component:r,icon:n$1,title:i$1,disabled:d$1}=o,p$1=d$1?"formwidget disabledElement":"formwidget",m$1={};t$1===g$1.ROW?m$1=G$1.objectInspector.defaultProps:t$1===g$1.TAB?m$1=C.objectInspector.defaultProps:t$1===g$1.TABLE?m$1=E.objectInspector.defaultProps:t$1===g$1.WIDGET&&(r===Q?m$1=P$1.objectInspector.defaultProps:r===j?m$1=i.objectInspector.defaultProps:r===n?m$1=m.objectInspector.defaultProps:r===p?m$1=o$1.objectInspector.defaultProps:r===s?m$1=r$1.objectInspector.defaultProps:r===I?m$1={datatype:"string",datalength:"1000",groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,tabIndex:0,style:{minHeight:"200px"},title:"File Uploader",value:"",visible:true}:r===J?m$1={groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,style:{minHeight:"200px"},tabIndex:0,title:"Placeholder",value:"",visible:true}:r===u?m$1=t.objectInspector.defaultProps:r===w?m$1=v.objectInspector.defaultProps:r===S$1&&(m$1=R.objectInspector.defaultProps));try{let[,w]=d(()=>({type:t$1,item:{id:e,type:t$1,stricttype:r.displayName,component:r,properties:m$1,_children:[]}}));return d$1?jsx("div",{className:p$1,style:xn,title:i$1,children:n$1}):jsx("div",{className:p$1,ref:w,style:xn,title:i$1,children:n$1})}catch(w){return jsx("div",{className:p$1,style:xn,title:i$1,children:n$1})}};var Hc=o=>{let[e,t]=useState(""),{loadFields:r,viewPort:n}=b$1();useEffect(()=>{t(o.value);},[o.value]);let i=d=>{t(d.target.value);};return ie.createElement("div",{style:{display:"flex",width:"30%"}},ie.createElement(n$2,{id:nanoid(5),label:"Column Title",onBlur:o.onBlur,onInput:i,name:o.name,size:"small",type:"text",variant:"outlined",value:e,visible:true},null))},Fc=o=>{let[e,t]=useState("");useEffect(()=>{t(o.value);},[o.value]);let r=n=>{t(n.target.value);};return ie.createElement(n$2,{id:nanoid(5),label:"Field Name",onBlur:o.onBlur,onInput:r,name:o.name,size:"small",type:"text",variant:"outlined",value:e,visible:true},null)},Ac=o=>{let e=o.columns.map((t,r,n)=>ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex",alignItems:"center",gap:"1em"}},jsx(Hc,{name:"coltitle_"+r,onBlur:i=>o.onColCaptionBlur(i,r),value:t[0]}),ie.createElement("div",{style:{width:"30%",display:"flex"}},o.isBuildocsExtendedEditor?ie.createElement(l$1,{key:nanoid(11),id:"colsource_"+r,data:o.source,darkMode:false,label:"Field Name",multiple:false,placeholder:"Field Name",readOnly:false,renderType:"none",selectedValue:[t[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:i=>o.onSourceChange(i,r)},null):jsx(Fc,{name:"colsource_"+r,onBlur:i=>o.onColSourceBlur(i,r),value:t[1]})),ie.createElement("div",{style:{width:"30%",display:"flex"}},ie.createElement(l$1,{key:nanoid(11),id:"coltype_"+r,data:o.types,darkMode:false,label:"Type",multiple:false,placeholder:"Type",readOnly:false,renderType:"none",selectedValue:[t[2]==="string"?"freetext":t[2]==="currency"?"price":t[2]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:i=>o.onTypeChange(i,r)},null)),ie.createElement("div",{style:{display:"flex",width:"40px",flexShrink:0,alignItems:"center"}},r>0?jsx(Cp,{sx:{},onClick:i=>o.removeColumn(t),children:jsx(M$1,{style:{fontSize:"0.7em"}})}):null)));return jsxs(Fragment,{children:[jsx("div",{style:{paddingTop:"0.5em"},children:e}),jsx("div",{style:{paddingTop:"0.2em"},children:jsx("button",{id:"",className:"btn btn-outline-primary btn-sm",onClick:()=>o.addColumns(),children:"Add Column"})})]})},Vc=o=>{let e=o.columns.map((t,r)=>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(l$1,{key:nanoid(11),id:"colsource_"+r,data:o.source,darkMode:false,label:"Code",multiple:false,placeholder:"code",readOnly:false,renderType:"none",selectedValue:[t[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:n=>o.onSourceChange(n,r)},null))));return jsx(Fragment,{children:jsx("div",{style:{paddingTop:"0.5em"},children:e})})},jc=o=>{let e=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(l$1,{key:nanoid(11),id:"category",data:o.pluginCategories,darkMode:false,label:"Category",multiple:false,placeholder:"Category",readOnly:false,renderType:"none",selectedValue:[o.conditionCategory],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"category")},null)),o.conditionTemplateVisible?ie.createElement("div",{style:{display:"flex",marginLeft:"8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"template",data:o.pluginForms,darkMode:false,label:"Template",multiple:false,placeholder:"Template",readOnly:false,renderType:"none",selectedValue:[o.conditionTemplate],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"template")},null)):null);return jsx(tt,{style:{paddingTop:"0.5em"},children:e})},Uc=o=>{let e=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(l$1,{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:[o.conditionBreakdown],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"breakdown")},null)));return jsx(tt,{children:e})},qc=o=>{let e=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(l$1,{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:[o.disableCodegen],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"disableCodegen")},null)));return jsx(tt,{children:e})},qs=memo(function(e){var C,b,k,N,L;let{loadFields:t,viewPort:r}=b$1(),[n,i]=useState((C=e.data)!=null&&C.columns?e.data.columns:[[null,null,"string"]]),[d,p]=useState(false),[m,w]=useState((b=e.data)!=null&&b.conditionCategory?e.data.conditionCategory:""),[P$1,s]=useState((k=e.data)!=null&&k.conditionTemplate?e.data.conditionTemplate:""),[y,D]=useState((N=e.data)!=null&&N.disableCodegen?e.data.disableCodegen:""),x=(L=e.data)!=null&&L.conditionBreakdown?e.data.conditionBreakdown:"regular",[E,O]=useState(x),[B,F]=useState(true),[J,K]=useState([{id:"",value:""}]),[z,q]=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"}]),[U,se]=useState([{id:"",value:""}]),[xe,Le]=useState([{id:"",value:""}]),_e=useCallback(async()=>{let v=c=>{let _=[{id:"",value:""}];for(let M in c)_.push({id:M,value:c[M]});return _};t&&await t({pluginCode:e.pluginCode}).then(c=>{if(c.meta.requestStatus==="fulfilled"){let _={...c.payload};_.pluginCategories&&Le(v(_.pluginCategories)),_.pluginForms&&se(v(_.pluginForms)),_.viewFields&&K(v(_.viewFields)),p(true);}});},[]);if(useEffect(()=>{d||(e.isBuildocsExtendedEditor?_e():p(true));},[]),!d)return ie.createElement("div",{},jsx(a$1,{}));let Oe=(v,c)=>{let _=v.target.value.trim();c==="category"?w(_):c==="disableCodegen"?D(_):c==="template"?s(_):c==="breakdown"&&(O(_),(_==="children"||_==="amendment")&&s(""));},Me=(v,c)=>{let _=[...n];_[c]=[v.target.value.trim(),n[c][1],n[c][2]],i(_);},Be=(v,c)=>{let _=[...n];_[c]=[n[c][0],v.target.value.trim(),n[c][2]],i(_);},l=(v,c)=>{let _=[...n];_[c]=[n[c][0],v.target.value.trim(),n[c][2]],i(_);},h=(v,c)=>{let _=[...n];_[c]=[n[c][0],n[c][1],v.target.value.trim()],i(_);},u=()=>{i([...n,[null,null,null]]);},T=v=>{let c=n.filter(_=>_!==v);i(c);},f=()=>e.type==="SELECTBOX"?jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Source"}),jsx(Vc,{columns:n,onColCaptionBlur:Me,onSourceChange:l,onTypeChange:h,addColumns:u,removeColumn:T,source:J})]})]}):jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Columns"}),jsx(Ac,{columns:n,onColCaptionBlur:Me,onColSourceBlur:Be,onSourceChange:l,onTypeChange:h,addColumns:u,removeColumn:T,source:J,types:z,isBuildocsExtendedEditor:e.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:e.isBuildocsExtendedEditor?"Data Table Query Builder":"Column Manager"}),jsx("button",{onClick:e.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:v=>{v.currentTarget.style.backgroundColor="#f5f5f5";},onMouseLeave:v=>{v.currentTarget.style.backgroundColor="#fff";},"aria-label":"Close",title:"Close",children:jsx(P,{})})]}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Code Generator"}),jsx(qc,{disableCodegen:y,onFilterIndexChange:Oe})]})]}),jsx(f,{}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Breakdown"}),jsx(Uc,{conditionBreakdown:E,onFilterIndexChange:Oe})]})]}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{children:[jsx("h4",{style:{fontWeight:700},children:"Condition"}),jsx(jc,{conditionTemplateVisible:B,conditionCategory:m,conditionTemplate:P$1,onFilterIndexChange:Oe,pluginCategories:xe,pluginForms:U})]})]})]})}),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:()=>e.saveForm({columns:n,conditionCategory:m,conditionTemplate:P$1,conditionBreakdown:E,disableCodegen:y}),children:"Save"}),jsx("button",{id:"columnManagerCloseBtn",className:"btn btn-outline-primary btn-sm",style:{display:"inline-block"},onClick:e.closeForm,children:"Close"})]})]})})});var Pn=class extends ie.PureComponent{constructor(t){var r,n,i;super(t);this.onSourceEditorOpen=()=>{this.props.disabled||this.setState({opened:true});};this.adjustColor=(t,r)=>"#"+t.replace(/^#/,"").replace(/../g,n=>("0"+Math.min(255,Math.max(0,parseInt(n,16)+r)).toString(16)).slice(-2));this.closeForm=()=>{this.setState({opened:false});};this.saveForm=t=>{this.setState({opened:false}),this.props.propChanged(this.state.propname,t);};this.state={isLoaded:false,pluginCode:t.pluginCode,proptitle:t.proptitle,propname:t.propname,propvalue:t.propvalue,opened:false,hidelabel:(r=t.hidelabel)!=null?r:false,tabIndex:(n=t.tabIndex)!=null?n:0,type:(i=t.type)!=null?i:"TABLE"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){var r,n;t.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue}),t.pluginCode!==this.props.pluginCode&&this.setState({pluginCode:this.props.pluginCode}),t.proptitle!==this.props.proptitle&&this.setState({proptitle:this.props.proptitle}),t.type!==this.props.type&&this.setState({type:this.props.type}),this.ref&&this.ref.current&&this.props.tabIndex===this.ref.current.tabIndex&&((n=(r=this.ref.current).focus)==null||n.call(r));}render(){var p;if(!this.state.isLoaded)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container",r=!!((p=this.state)!=null&&p.propvalue&&this.state.propvalue.columns),n=r?"Edit":"Not set",i=r?"rgb(88, 252, 0)":"#C0C0C0",d={"&.MuiButtonBase-root":{fontSize:"14px",padding:"3px",marginLeft:"-3px",width:"100%",height:"100%",borderRadius:"0px",boxShadow:"none",fontWeight:"normal",backgroundColor:i},"&.MuiButtonBase-root:hover":{backgroundColor:this.adjustColor(i,-50)}};return jsxs(Fragment,{children:[!this.state.hidelabel&&jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:t,ref:this.ref,children:jsx(o,{variant:"contained",label:n,onClick:this.onSourceEditorOpen,fullWidth:true,sx:d,tabIndex:0,disabled:this.props.disabled})}),this.state.opened&&!this.props.disabled?jsx(a$2,{component:jsx(qs,{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]})}},ro=withTranslation()(Pn);var Tn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:"tabIndex",propvalue:typeof e.propvalue=="number"?e.propvalue:e.propvalue!==void 0?Number(e.propvalue):void 0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){this.props.propvalue!==e.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}},Xs=withTranslation()(Tn);var Sn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:"rendertype",propvalue:(t=e.propvalue)!=null?t:"none"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Render Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",checkbox:"Checkbox",chip:"Chip"}})})]})}},Js=withTranslation()(Sn);var kn=class extends ie.PureComponent{constructor(t){var n;super(t);this.convertToText=t=>!t||!Array.isArray(t)||t.length===0?"":t.map(r=>{if(typeof r=="object"&&r!==null){let n=r.value||r.id||"",i=r.id||"";return n===i?n:`${n}|${i}`}return r}).filter(r=>r.trim()!=="").join(`
+import {b as b$3,c as c$1}from'./chunk-6K3ZZUUM.js';import {a as a$3,b as b$5}from'./chunk-G3SN6ZO3.js';import {b as b$4,e as e$2}from'./chunk-FRAOYRZD.js';import {a as a$2}from'./chunk-22LEYH6Q.js';import {g as g$1,b,H,L,q,h,Q,j,l,n,p,s,u,w,e,B,D as D$1,F,O,I,J,S as S$1,f,T,G as G$1,C,E,P as P$1,i,m,o as o$1,r as r$1,t,v,R,d,M,c as c$2,N as N$1,K as K$1}from'./chunk-KW32CT2P.js';import {b as b$1}from'./chunk-LBMVBVXW.js';import {o,l as l$1,n as n$2}from'./chunk-3QKKOFXC.js';import {N,D,P,r,n as n$1,I as I$1,f as f$1,H as H$1,j as j$1,h as h$1,J as J$1,L as L$1,K,z,F as F$1,e as e$1,G,u as u$1,v as v$1,k,M as M$1,B as B$1,a as a$4}from'./chunk-AR42AC7J.js';import {a as a$1}from'./chunk-SDIZEEZP.js';import {c,b as b$2}from'./chunk-5TBO732O.js';import ie,{memo,useEffect,useState,useCallback,lazy}from'react';import {withTranslation}from'react-i18next';import _p from'@mui/material/Tabs';import ma from'@mui/material/Tab';import tt from'@mui/material/Box';import vr from'@mui/material/TextField';import Mt from'@mui/material/Typography';import oa from'@mui/material/Divider';import na from'@mui/material/Paper';import ia from'@mui/material/Button';import Cp from'@mui/material/IconButton';import wp from'@mui/material/Checkbox';import aa from'@mui/material/FormControlLabel';import Pp from'@mui/material/Switch';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {nanoid}from'@reduxjs/toolkit';function _o({containerProps:o,onContainerPropsChange:e,disabled:t=false,onSave:r,onNext:n}){let i=z=>q=>{let U=q.target.value;z==="formCode"&&(U=U.replace(/[^a-z0-9]/gi,"").toUpperCase().slice(0,8)),e(z,U);},d=o.formCode||"",p=o.title||"",m=o.webhooks||[],w=o.useInIframe||false,P=d.trim()==="",s=d.trim().length>0&&d.trim().length<3,y=P||s,D=p.trim()==="",x=!y&&!D,E=10,O=z=>{let q=z.target.checked;e("useInIframe",q),!q&&m.length>0&&e("webhooks",[]);},B=()=>{if(m.length>=E)return;let z=[...m,{url:"",enabled:true}];e("webhooks",z);},F=z=>{let q=m.filter((U,se)=>se!==z);e("webhooks",q);},J=(z,q)=>{let U=[...m];U[z]={...U[z],url:q},e("webhooks",U);},K=(z,q)=>{let U=[...m];U[z]={...U[z],enabled:q},e("webhooks",U);};return jsx(tt,{sx:{height:"100%",overflowY:"auto",display:"flex",justifyContent:"center",alignItems:"flex-start",padding:4},children:jsxs(tt,{sx:{width:"100%",maxWidth:"800px"},children:[jsxs(na,{elevation:0,sx:{padding:3},children:[jsx(Mt,{variant:"h6",gutterBottom:true,sx:{fontWeight:"bold"},children:"Form Information"}),jsx(oa,{sx:{marginBottom:2}}),jsxs(tt,{sx:{display:"flex",flexDirection:"column",gap:2},children:[jsx(vr,{label:"Form Code",value:d,onChange:i("formCode"),disabled:t,fullWidth:true,size:"small",required:true,error:y,helperText:P?"Form Code is required":s?"Form Code must be at least 3 characters":"Unique identifier for this form (3-8 characters, a-z0-9 only)",inputProps:{maxLength:8}}),jsx(vr,{label:"Title",value:o.title||"",onChange:i("title"),disabled:t,fullWidth:true,size:"small",required:true,error:D,helperText:D?"Title is required":""}),jsx(vr,{label:"Description",value:o.description||"",onChange:i("description"),disabled:t,fullWidth:true,size:"small",multiline:true,rows:4,helperText:"Brief description of the form's purpose"})]})]}),jsxs(na,{elevation:0,sx:{padding:3,mt:3},children:[jsx(tt,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:jsx(Mt,{variant:"h6",sx:{fontWeight:"bold"},children:"On Save Webhooks"})}),jsx(tt,{sx:{mb:2},children:jsx(aa,{control:jsx(Pp,{checked:w,onChange:O,disabled:t,color:"primary"}),label:jsxs(tt,{children:[jsx(Mt,{variant:"body1",sx:{fontWeight:500},children:"Form will be used in iframe"}),jsx(Mt,{variant:"caption",color:"text.secondary",children:"Enable this to configure webhook endpoints for form submission"})]})})}),w&&jsxs(Fragment,{children:[jsx(oa,{sx:{marginBottom:2}}),jsxs(tt,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[jsxs(Mt,{variant:"body2",color:"text.secondary",children:["Configure webhook endpoints to be called when the form is submitted. Up to ",E," webhooks allowed."]}),jsx(ia,{variant:"outlined",size:"small",startIcon:jsx(B$1,{}),onClick:B,disabled:t||m.length>=E,children:"Add Webhook"})]}),m.length===0?jsx(Mt,{variant:"body2",color:"text.secondary",sx:{textAlign:"center",py:2},children:'No webhooks configured. Click "Add Webhook" to add one.'}):jsx(tt,{sx:{display:"flex",flexDirection:"column",gap:2},children:m.map((z,q)=>jsxs(tt,{sx:{display:"flex",alignItems:"center",gap:1,p:1.5,border:"1px solid",borderColor:"divider",borderRadius:1,backgroundColor:z.enabled?"transparent":"action.disabledBackground"},children:[jsx(aa,{control:jsx(wp,{checked:z.enabled,onChange:U=>K(q,U.target.checked),disabled:t,size:"small"}),label:"",sx:{mr:0}}),jsx(vr,{label:`Webhook ${q+1} URL`,value:z.url,onChange:U=>J(q,U.target.value),disabled:t||!z.enabled,fullWidth:true,size:"small",placeholder:"https://example.com/webhook",error:z.enabled&&z.url.trim()!==""&&!z.url.startsWith("http"),helperText:z.enabled&&z.url.trim()!==""&&!z.url.startsWith("http")?"URL must start with http:// or https://":""}),jsx(Cp,{onClick:()=>F(q),disabled:t,size:"small",color:"error",title:"Remove webhook",children:jsx(N,{})})]},q))})]})]}),jsx(tt,{sx:{display:"flex",justifyContent:"flex-end",mt:3},children:jsx(ia,{variant:"contained",color:"primary",onClick:n,disabled:t||!x,endIcon:jsx(a$4,{}),children:"Next"})})]})})}var Oo=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propvalue:e.propvalue,tabIndex:(t=e.tabIndex)!=null?t:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){let t=this.ref.current;t&&this.props.tabIndex===t.tabIndex&&t.focus(),this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled||this.props.readOnly?"propvalue-container disabledElement":"propvalue-container",t=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:e,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:t?r=>{let n=r.target.value.toLowerCase().replace(/[^a-z0-9_]/g,"");r.target.value=n;}:void 0,onBlur:r=>{var i;let n=r.target.value.trim();((i=this.state.propvalue)!=null?i:"")!==n&&this.props.propChanged(r,this.props.attr,this.props.propname,n);},tabIndex:this.state.tabIndex})})]})}},S=withTranslation()(Oo);var da=withTranslation()(memo(function(e){var i;let{name:t,value:r,visible:n=true}=(i=e.properties)!=null?i:{};return n?jsx("input",{type:"hidden",name:t,defaultValue:r}):null}));da.displayName="_Hidden";var pa=da;function Mo(o){if(typeof o=="boolean")return o;if(typeof o=="number")return o===1;if(typeof o=="string"){let e=o.toLowerCase().trim();return e==="true"?true:e==="false"?false:parseInt(o,10)===1}return  false}var Bo=class extends ie.PureComponent{constructor(t){var r,n;super(t);this.handleChange=t=>{let r=t.target.checked;this.state.checked!==r&&this.setState({checked:r},()=>{this.props.propChanged(this.state.checked,this.props.propname);});};this.state={isLoaded:false,proptitle:t.proptitle,propname:t.propname,checked:Mo(t.propvalue),hidelabel:(r=t.hidelabel)!=null?r:false,tabIndex:(n=t.tabIndex)!=null?n:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true,checked:Mo(this.props.propvalue)});}componentDidUpdate(t){let r=this.ref.current;r&&this.props.tabIndex===r.tabIndex&&r.focus(),t.propvalue!==this.props.propvalue&&this.setState({checked:Mo(this.props.propvalue)});}render(){if(this.state.isLoaded===false)return null;let t=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:t,children:[jsx(pa,{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})]})]})}},g=withTranslation()(Bo);var qe=class qe{static setProps(e){return qe.ctx=e,qe}static requireCtx(){if(!qe.ctx)throw new Error("PropsCommon.setProps(...) was not called before using a PropsCommon method.");return qe.ctx}static DataSourcePropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx();return r(t,e,null,n)}static selectedWidgetPropsChange(e,t,r,n){let{selectedWidgetPropsChange:i,selectedWidgetProps:d}=qe.requireCtx();return i(n,r,t,d)}static selectedDropdownWidgetPropsChange(e,t,r){let{selectedWidgetPropsChange:n,selectedWidgetProps:i}=qe.requireCtx();return n(e,t,r,i)}static selectedCheckboxPropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx();return r(!!e,t,null,n)}static selectedColorPropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx(),d=e==null||e==="#000000"||e==="#000"||e==="rgb(0, 0, 0)"||e==="rgb(0,0,0)"||typeof e=="string"&&e.toLowerCase()==="black"?void 0:e;return r(d,t,"style",n)}static removeWidgetButtonClick(e){let{removeWidgetButtonClick:t}=qe.requireCtx();return t(e)}};qe.ctx=null;var a=qe;var Ho=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var F;if(this.state.isLoaded===false)return null;let{type:t}=((F=this.props.selectedWidgetProps)==null?void 0:F._path)||{};if(t!==g$1.CONTAINER)return null;let r=(J,K,z)=>this.props.selectedWidgetPropsChange(J.target.value,z,K,this.props.selectedWidgetProps),{title:n,subtitle:i,sourcetable:d,systemform:p,donotsave:m,hideheader:w,skiphandler:P,border:s,headerbackground:y,style:D}=this.props.selectedWidgetProps,{maxWidth:x,minHeight:E}=D!=null?D:{},O=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Title",propname:"title",attr:null,propvalue:n,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Sub Title",propname:"subtitle",attr:null,propvalue:i,propChanged:r}),jsx(g,{disabled:this.props.disabled,proptitle:"Hide Header",propname:"hideheader",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Border",propname:"border",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Header Background",propname:"headerbackground",attr:null,propvalue:y,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),B=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Max-width",propname:"maxWidth",attr:"style",propvalue:x,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:E,propChanged:r}),this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Source Table",propname:"sourcetable",attr:null,propvalue:d,propChanged:r}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"Do not Save",propname:"donotsave",attr:null,propvalue:m,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"System Form",propname:"systemform",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"Skip Handler Gen.",propname:"skiphandler",attr:null,propvalue:P,propChanged:a.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(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&O,this.state.tabValue===1&&B]})}},ga=withTranslation()(Ho);function Je(o){return "Minified Redux error #"+o+"; visit https://redux.js.org/Errors?code="+o+" for the full message or use the non-minified dev environment for full errors. "}var ha=(function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"})(),Fo=function(){return Math.random().toString(36).substring(7).split("").join(".")},ba={INIT:"@@redux/INIT"+Fo(),REPLACE:"@@redux/REPLACE"+Fo()};function Op(o){if(typeof o!="object"||o===null)return  false;for(var e=o;Object.getPrototypeOf(e)!==null;)e=Object.getPrototypeOf(e);return Object.getPrototypeOf(o)===e}function Ao(o,e,t){var r;if(typeof e=="function"&&typeof t=="function"||typeof t=="function"&&typeof arguments[3]=="function")throw new Error(Je(0));if(typeof e=="function"&&typeof t=="undefined"&&(t=e,e=void 0),typeof t!="undefined"){if(typeof t!="function")throw new Error(Je(1));return t(Ao)(o,e)}if(typeof o!="function")throw new Error(Je(2));var n=o,i=e,d=[],p=d,m=false;function w(){p===d&&(p=d.slice());}function P(){if(m)throw new Error(Je(3));return i}function s(E){if(typeof E!="function")throw new Error(Je(4));if(m)throw new Error(Je(5));var O=true;return w(),p.push(E),function(){if(O){if(m)throw new Error(Je(6));O=false,w();var F=p.indexOf(E);p.splice(F,1),d=null;}}}function y(E){if(!Op(E))throw new Error(Je(7));if(typeof E.type=="undefined")throw new Error(Je(8));if(m)throw new Error(Je(9));try{m=!0,i=n(i,E);}finally{m=false;}for(var O=d=p,B=0;B<O.length;B++){var F=O[B];F();}return E}function D(E){if(typeof E!="function")throw new Error(Je(10));n=E,y({type:ba.REPLACE});}function x(){var E,O=s;return E={subscribe:function(F){if(typeof F!="object"||F===null)throw new Error(Je(11));function J(){F.next&&F.next(P());}J();var K=O(J);return {unsubscribe:K}}},E[ha]=function(){return this},E}return y({type:ba.INIT}),r={dispatch:y,subscribe:s,getState:P,replaceReducer:D},r[ha]=x,r}function fa(o,e,t){return e.split(".").reduce((r,n)=>r&&r[n]?r[n]:t||null,o)}function va(o,e){return o.filter(t=>t!==e)}function wr(o){return typeof o=="object"}function ya(o,e){let t=new Map,r=i=>{t.set(i,t.has(i)?t.get(i)+1:1);};o.forEach(r),e.forEach(r);let n=[];return t.forEach((i,d)=>{i===1&&n.push(d);}),n}function xa(o,e){return o.filter(t=>e.indexOf(t)>-1)}var Bt="dnd-core/INIT_COORDS",lt="dnd-core/BEGIN_DRAG",zt="dnd-core/PUBLISH_DRAG_SOURCE",ct="dnd-core/HOVER",ut="dnd-core/DROP",mt="dnd-core/END_DRAG";function Vo(o,e){return {type:Bt,payload:{sourceClientOffset:e||null,clientOffset:o||null}}}var Mp={type:Bt,payload:{clientOffset:null,sourceClientOffset:null}};function Ca(o){return function(t=[],r={publishSource:true}){let{publishSource:n=true,clientOffset:i,getSourceClientOffset:d}=r,p=o.getMonitor(),m=o.getRegistry();o.dispatch(Vo(i)),Bp(t,p,m);let w=Fp(t,p);if(w==null){o.dispatch(Mp);return}let P=null;if(i){if(!d)throw new Error("getSourceClientOffset must be defined");zp(d),P=d(w);}o.dispatch(Vo(i,P));let y=m.getSource(w).beginDrag(p,w);if(y==null)return;Hp(y),m.pinSource(w);let D=m.getSourceType(w);return {type:lt,payload:{itemType:D,item:y,sourceId:w,clientOffset:i||null,sourceClientOffset:P||null,isSourcePublic:!!n}}}}function Bp(o,e,t){c$2(!e.isDragging(),"Cannot call beginDrag while dragging."),o.forEach(function(r){c$2(t.getSource(r),"Expected sourceIds to be registered.");});}function zp(o){c$2(typeof o=="function","When clientOffset is provided, getSourceClientOffset must be a function.");}function Hp(o){c$2(wr(o),"Item must be an object.");}function Fp(o,e){let t=null;for(let r=o.length-1;r>=0;r--)if(e.canDragSource(o[r])){t=o[r];break}return t}function Ap(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function Vp(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){Ap(o,n,t[n]);});}return o}function wa(o){return function(t={}){let r=o.getMonitor(),n=o.getRegistry();jp(r),Gp(r).forEach((d,p)=>{let m=Up(d,p,n,r),w={type:ut,payload:{dropResult:Vp({},t,m)}};o.dispatch(w);});}}function jp(o){c$2(o.isDragging(),"Cannot call drop while not dragging."),c$2(!o.didDrop(),"Cannot call drop twice during one drag operation.");}function Up(o,e,t,r){let n=t.getTarget(o),i=n?n.drop(r,o):void 0;return qp(i),typeof i=="undefined"&&(i=e===0?{}:r.getDropResult()),i}function qp(o){c$2(typeof o=="undefined"||wr(o),"Drop result must either be an object or undefined.");}function Gp(o){let e=o.getTargetIds().filter(o.canDropOnTarget,o);return e.reverse(),e}function Pa(o){return function(){let t=o.getMonitor(),r=o.getRegistry();$p(t);let n=t.getSourceId();return n!=null&&(r.getSource(n,true).endDrag(t,n),r.unpinSource()),{type:mt}}}function $p(o){c$2(o.isDragging(),"Cannot call endDrag while not dragging.");}function Kt(o,e){return e===null?o===null:Array.isArray(o)?o.some(t=>t===e):o===e}function Ta(o){return function(t,{clientOffset:r}={}){Xp(t);let n=t.slice(0),i=o.getMonitor(),d=o.getRegistry(),p=i.getItemType();return Jp(n,d,p),Yp(n,i,d),Kp(n,i,d),{type:ct,payload:{targetIds:n,clientOffset:r||null}}}}function Xp(o){c$2(Array.isArray(o),"Expected targetIds to be an array.");}function Yp(o,e,t){c$2(e.isDragging(),"Cannot call hover while not dragging."),c$2(!e.didDrop(),"Cannot call hover after drop.");for(let r=0;r<o.length;r++){let n=o[r];c$2(o.lastIndexOf(n)===r,"Expected targetIds to be unique in the passed array.");let i=t.getTarget(n);c$2(i,"Expected targetIds to be registered.");}}function Jp(o,e,t){for(let r=o.length-1;r>=0;r--){let n=o[r],i=e.getTargetType(n);Kt(i,t)||o.splice(r,1);}}function Kp(o,e,t){o.forEach(function(r){t.getTarget(r).hover(e,r);});}function Sa(o){return function(){if(o.getMonitor().isDragging())return {type:zt}}}function ka(o){return {beginDrag:Ca(o),publishDragSource:Sa(o),hover:Ta(o),drop:wa(o),endDrag:Pa(o)}}var Pr=class{receiveBackend(e){this.backend=e;}getMonitor(){return this.monitor}getBackend(){return this.backend}getRegistry(){return this.monitor.registry}getActions(){let e=this,{dispatch:t}=this.store;function r(i){return (...d)=>{let p=i.apply(e,d);typeof p!="undefined"&&t(p);}}let n=ka(this);return Object.keys(n).reduce((i,d)=>{let p=n[d];return i[d]=r(p),i},{})}dispatch(e){this.store.dispatch(e);}constructor(e,t){this.isSetUp=false,this.handleRefCountChange=()=>{let r=this.store.getState().refCount>0;this.backend&&(r&&!this.isSetUp?(this.backend.setup(),this.isSetUp=true):!r&&this.isSetUp&&(this.backend.teardown(),this.isSetUp=false));},this.store=e,this.monitor=t,e.subscribe(this.handleRefCountChange);}};function Qp(o,e){return {x:o.x+e.x,y:o.y+e.y}}function Ea(o,e){return {x:o.x-e.x,y:o.y-e.y}}function Wa(o){let{clientOffset:e,initialClientOffset:t,initialSourceClientOffset:r}=o;return !e||!t||!r?null:Ea(Qp(e,r),t)}function Da(o){let{clientOffset:e,initialClientOffset:t}=o;return !e||!t?null:Ea(e,t)}var Ht=[],Tr=[];Ht.__IS_NONE__=true;Tr.__IS_ALL__=true;function Ra(o,e){return o===Ht?false:o===Tr||typeof e=="undefined"?true:xa(e,o).length>0}var Sr=class{subscribeToStateChange(e,t={}){let{handlerIds:r}=t;c$2(typeof e=="function","listener must be a function."),c$2(typeof r=="undefined"||Array.isArray(r),"handlerIds, when specified, must be an array of strings.");let n=this.store.getState().stateId,i=()=>{let d=this.store.getState(),p=d.stateId;try{p===n||p===n+1&&!Ra(d.dirtyHandlerIds,r)||e();}finally{n=p;}};return this.store.subscribe(i)}subscribeToOffsetChange(e){c$2(typeof e=="function","listener must be a function.");let t=this.store.getState().dragOffset,r=()=>{let n=this.store.getState().dragOffset;n!==t&&(t=n,e());};return this.store.subscribe(r)}canDragSource(e){if(!e)return  false;let t=this.registry.getSource(e);return c$2(t,`Expected to find a valid source. sourceId=${e}`),this.isDragging()?false:t.canDrag(this,e)}canDropOnTarget(e){if(!e)return  false;let t=this.registry.getTarget(e);if(c$2(t,`Expected to find a valid target. targetId=${e}`),!this.isDragging()||this.didDrop())return  false;let r=this.registry.getTargetType(e),n=this.getItemType();return Kt(r,n)&&t.canDrop(this,e)}isDragging(){return !!this.getItemType()}isDraggingSource(e){if(!e)return  false;let t=this.registry.getSource(e,true);if(c$2(t,`Expected to find a valid source. sourceId=${e}`),!this.isDragging()||!this.isSourcePublic())return  false;let r=this.registry.getSourceType(e),n=this.getItemType();return r!==n?false:t.isDragging(this,e)}isOverTarget(e,t={shallow:false}){if(!e)return  false;let{shallow:r}=t;if(!this.isDragging())return  false;let n=this.registry.getTargetType(e),i=this.getItemType();if(i&&!Kt(n,i))return  false;let d=this.getTargetIds();if(!d.length)return  false;let p=d.indexOf(e);return r?p===d.length-1:p>-1}getItemType(){return this.store.getState().dragOperation.itemType}getItem(){return this.store.getState().dragOperation.item}getSourceId(){return this.store.getState().dragOperation.sourceId}getTargetIds(){return this.store.getState().dragOperation.targetIds}getDropResult(){return this.store.getState().dragOperation.dropResult}didDrop(){return this.store.getState().dragOperation.didDrop}isSourcePublic(){return !!this.store.getState().dragOperation.isSourcePublic}getInitialClientOffset(){return this.store.getState().dragOffset.initialClientOffset}getInitialSourceClientOffset(){return this.store.getState().dragOffset.initialSourceClientOffset}getClientOffset(){return this.store.getState().dragOffset.clientOffset}getSourceClientOffset(){return Wa(this.store.getState().dragOffset)}getDifferenceFromInitialOffset(){return Da(this.store.getState().dragOffset)}constructor(e,t){this.store=e,this.registry=t;}};var Ia=typeof global!="undefined"?global:self,Na=Ia.MutationObserver||Ia.WebKitMutationObserver;function jo(o){return function(){let t=setTimeout(n,0),r=setInterval(n,50);function n(){clearTimeout(t),clearInterval(r),o();}}}function Zp(o){let e=1,t=new Na(o),r=document.createTextNode("");return t.observe(r,{characterData:true}),function(){e=-e,r.data=e;}}var La=typeof Na=="function"?Zp:jo;var kr=class{enqueueTask(e){let{queue:t,requestFlush:r}=this;t.length||(r(),this.flushing=true),t[t.length]=e;}constructor(){this.queue=[],this.pendingErrors=[],this.flushing=false,this.index=0,this.capacity=1024,this.flush=()=>{let{queue:e}=this;for(;this.index<e.length;){let t=this.index;if(this.index++,e[t].call(),this.index>this.capacity){for(let r=0,n=e.length-this.index;r<n;r++)e[r]=e[r+this.index];e.length-=this.index,this.index=0;}}e.length=0,this.index=0,this.flushing=false;},this.registerPendingError=e=>{this.pendingErrors.push(e),this.requestErrorThrow();},this.requestFlush=La(this.flush),this.requestErrorThrow=jo(()=>{if(this.pendingErrors.length)throw this.pendingErrors.shift()});}};var Er=class{call(){try{this.task&&this.task();}catch(e){this.onError(e);}finally{this.task=null,this.release(this);}}constructor(e,t){this.onError=e,this.release=t,this.task=null;}};var Wr=class{create(e){let t=this.freeTasks,r=t.length?t.pop():new Er(this.onError,n=>t[t.length]=n);return r.task=e,r}constructor(e){this.onError=e,this.freeTasks=[];}};var _a=new kr,el=new Wr(_a.registerPendingError);function Oa(o){_a.enqueueTask(el.create(o));}var Qt="dnd-core/ADD_SOURCE",Zt="dnd-core/ADD_TARGET",er="dnd-core/REMOVE_SOURCE",Ct="dnd-core/REMOVE_TARGET";function Ma(o){return {type:Qt,payload:{sourceId:o}}}function Ba(o){return {type:Zt,payload:{targetId:o}}}function za(o){return {type:er,payload:{sourceId:o}}}function Ha(o){return {type:Ct,payload:{targetId:o}}}function Fa(o){c$2(typeof o.canDrag=="function","Expected canDrag to be a function."),c$2(typeof o.beginDrag=="function","Expected beginDrag to be a function."),c$2(typeof o.endDrag=="function","Expected endDrag to be a function.");}function Aa(o){c$2(typeof o.canDrop=="function","Expected canDrop to be a function."),c$2(typeof o.hover=="function","Expected hover to be a function."),c$2(typeof o.drop=="function","Expected beginDrag to be a function.");}function Dr(o,e){if(e&&Array.isArray(o)){o.forEach(t=>Dr(t,false));return}c$2(typeof o=="string"||typeof o=="symbol",e?"Type can only be a string, a symbol, or an array of either.":"Type can only be a string or a symbol.");}var Ge;(function(o){o.SOURCE="SOURCE",o.TARGET="TARGET";})(Ge||(Ge={}));var tl=0;function Va(){return tl++}function rl(o){let e=Va().toString();switch(o){case Ge.SOURCE:return `S${e}`;case Ge.TARGET:return `T${e}`;default:throw new Error(`Unknown Handler Role: ${o}`)}}function ja(o){switch(o[0]){case "S":return Ge.SOURCE;case "T":return Ge.TARGET;default:throw new Error(`Cannot parse handler ID: ${o}`)}}function Ua(o,e){let t=o.entries(),r=false;do{let{done:n,value:[,i]}=t.next();if(i===e)return  true;r=!!n;}while(!r);return  false}var Rr=class{addSource(e,t){Dr(e),Fa(t);let r=this.addHandler(Ge.SOURCE,e,t);return this.store.dispatch(Ma(r)),r}addTarget(e,t){Dr(e,true),Aa(t);let r=this.addHandler(Ge.TARGET,e,t);return this.store.dispatch(Ba(r)),r}containsHandler(e){return Ua(this.dragSources,e)||Ua(this.dropTargets,e)}getSource(e,t=false){return c$2(this.isSourceId(e),"Expected a valid source ID."),t&&e===this.pinnedSourceId?this.pinnedSource:this.dragSources.get(e)}getTarget(e){return c$2(this.isTargetId(e),"Expected a valid target ID."),this.dropTargets.get(e)}getSourceType(e){return c$2(this.isSourceId(e),"Expected a valid source ID."),this.types.get(e)}getTargetType(e){return c$2(this.isTargetId(e),"Expected a valid target ID."),this.types.get(e)}isSourceId(e){return ja(e)===Ge.SOURCE}isTargetId(e){return ja(e)===Ge.TARGET}removeSource(e){c$2(this.getSource(e),"Expected an existing source."),this.store.dispatch(za(e)),Oa(()=>{this.dragSources.delete(e),this.types.delete(e);});}removeTarget(e){c$2(this.getTarget(e),"Expected an existing target."),this.store.dispatch(Ha(e)),this.dropTargets.delete(e),this.types.delete(e);}pinSource(e){let t=this.getSource(e);c$2(t,"Expected an existing source."),this.pinnedSourceId=e,this.pinnedSource=t;}unpinSource(){c$2(this.pinnedSource,"No source is pinned at the time."),this.pinnedSourceId=null,this.pinnedSource=null;}addHandler(e,t,r){let n=rl(e);return this.types.set(n,t),e===Ge.SOURCE?this.dragSources.set(n,r):e===Ge.TARGET&&this.dropTargets.set(n,r),n}constructor(e){this.types=new Map,this.dragSources=new Map,this.dropTargets=new Map,this.pinnedSourceId=null,this.pinnedSource=null,this.store=e;}};var ol=(o,e)=>o===e;function qa(o,e){return !o&&!e?true:!o||!e?false:o.x===e.x&&o.y===e.y}function Ga(o,e,t=ol){if(o.length!==e.length)return  false;for(let r=0;r<o.length;++r)if(!t(o[r],e[r]))return  false;return  true}function $a(o=Ht,e){switch(e.type){case ct:break;case Qt:case Zt:case Ct:case er:return Ht;case lt:case zt:case mt:case ut:default:return Tr}let{targetIds:t=[],prevTargetIds:r=[]}=e.payload,n=ya(t,r);if(!(n.length>0||!Ga(t,r)))return Ht;let d=r[r.length-1],p=t[t.length-1];return d!==p&&(d&&n.push(d),p&&n.push(p)),n}function nl(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function il(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){nl(o,n,t[n]);});}return o}var Xa={initialSourceClientOffset:null,initialClientOffset:null,clientOffset:null};function Ya(o=Xa,e){let{payload:t}=e;switch(e.type){case Bt:case lt:return {initialSourceClientOffset:t.sourceClientOffset,initialClientOffset:t.clientOffset,clientOffset:t.clientOffset};case ct:return qa(o.clientOffset,t.clientOffset)?o:il({},o,{clientOffset:t.clientOffset});case mt:case ut:return Xa;default:return o}}function al(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function Ft(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){al(o,n,t[n]);});}return o}var sl={itemType:null,item:null,sourceId:null,targetIds:[],dropResult:null,didDrop:false,isSourcePublic:null};function Ja(o=sl,e){let{payload:t}=e;switch(e.type){case lt:return Ft({},o,{itemType:t.itemType,item:t.item,sourceId:t.sourceId,isSourcePublic:t.isSourcePublic,dropResult:null,didDrop:false});case zt:return Ft({},o,{isSourcePublic:true});case ct:return Ft({},o,{targetIds:t.targetIds});case Ct:return o.targetIds.indexOf(t.targetId)===-1?o:Ft({},o,{targetIds:va(o.targetIds,t.targetId)});case ut:return Ft({},o,{dropResult:t.dropResult,didDrop:true,targetIds:[]});case mt:return Ft({},o,{itemType:null,item:null,sourceId:null,dropResult:null,didDrop:false,isSourcePublic:null,targetIds:[]});default:return o}}function Ka(o=0,e){switch(e.type){case Qt:case Zt:return o+1;case er:case Ct:return o-1;default:return o}}function Qa(o=0){return o+1}function dl(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function pl(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){dl(o,n,t[n]);});}return o}function Za(o={},e){return {dirtyHandlerIds:$a(o.dirtyHandlerIds,{type:e.type,payload:pl({},e.payload,{prevTargetIds:fa(o,"dragOperation.targetIds",[])})}),dragOffset:Ya(o.dragOffset,e),refCount:Ka(o.refCount,e),dragOperation:Ja(o.dragOperation,e),stateId:Qa(o.stateId)}}function es(o,e=void 0,t={},r=false){let n=ll(r),i=new Sr(n,new Rr(n)),d=new Pr(n,i),p=o(d,e,t);return d.receiveBackend(p),d}function ll(o){let e=typeof window!="undefined"&&window.__REDUX_DEVTOOLS_EXTENSION__;return Ao(Za,o&&e&&e({name:"dnd-core",instanceId:"dnd-core"}))}function cl(o,e){if(o==null)return {};var t=ul(o,e),r,n;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);for(n=0;n<i.length;n++)r=i[n],!(e.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(o,r)&&(t[r]=o[r]);}return t}function ul(o,e){if(o==null)return {};var t={},r=Object.keys(o),n,i;for(i=0;i<r.length;i++)n=r[i],!(e.indexOf(n)>=0)&&(t[n]=o[n]);return t}var ts=0,Ir=Symbol.for("__REACT_DND_CONTEXT_INSTANCE__"),rs=memo(function(e){var{children:t}=e,r=cl(e,["children"]);let[n,i]=bl(r);return useEffect(()=>{if(i){let d=os();return ++ts,()=>{--ts===0&&(d[Ir]=null);}}},[]),jsx(b.Provider,{value:n,children:t})});function bl(o){if("manager"in o)return [{dragDropManager:o.manager},false];let e=fl(o.backend,o.context,o.options,o.debugMode),t=!o.context;return [e,t]}function fl(o,e=os(),t,r){let n=e;return n[Ir]||(n[Ir]={dragDropManager:es(o,e,t,r)}),n[Ir]}function os(){return typeof global!="undefined"?global:window}var Uo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var i;if(this.state.isLoaded===false)return null;let{component:e,rowId:t}=((i=this.props.selectedWidgetProps)==null?void 0:i._path)||{};if(e===void 0||e!==H)return null;let r=(d,p,m)=>this.props.selectedWidgetPropsChange(d.target.value,m,p,this.props.selectedWidgetProps),{columns:n}=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:()=>a.setProps(this.props).removeWidgetButtonClick(t)})})]}),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:t})}),jsx(S,{disabled:this.props.disabled,proptitle:"Segment count",propname:"columns",attr:null,propvalue:n,propChanged:r})]})}},as=withTranslation()(Uo);var qo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}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,ref:this.ref,children:jsx("span",{className:"elwrapper",style:this.props.style,children:this.props.propvalue})})]})}},Lr=withTranslation()(qo);var Go=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var d,p;if(!this.state.isLoaded)return null;let{component:e,segmentId:t}=((d=this.props.selectedWidgetProps)==null?void 0:d._path)||{};if(e===void 0||e!==L)return null;let r=(m,w,P)=>this.props.selectedWidgetPropsChange(m.target.value,P,w,this.props.selectedWidgetProps),{flexGrow:n,minWidth:i}=(p=this.props.selectedWidgetProps.style)!=null?p:{};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(Lr,{disabled:this.props.disabled,proptitle:"ID",propvalue:t,style:{fontSize:"9px",lineHeight:"20px"}}),jsx(S,{disabled:this.props.disabled,proptitle:"Flex-grow",propname:"flexGrow",attr:"style",propvalue:n,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-width",propname:"minWidth",attr:"style",propvalue:i,propChanged:r})]})}},ps=withTranslation()(Go);var $o=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"fontWeight",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,"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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t: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"}})})]})}},Ce=withTranslation()($o);var Xo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"fontSize",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"15px"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style"),t={};for(let n=10;n<=60;n++){let i=`${n}px`;t[i]=i;}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(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,sort:"alpha",options:t})})]})}},we=withTranslation()(Xo);var Ll=ie.lazy(()=>new Function('return import("react-color")')().then(o=>({default:o.SketchPicker})).catch(()=>({default:(()=>null)}))),Jo=class extends ie.PureComponent{constructor(t){super(t);this.handleChange=t=>{t.hex&&this.props.propChanged(t.hex,this.props.propname);};this.handleReset=()=>{this.props.propChanged(void 0,this.props.propname),this.setState({propvalue:"#000000"});};this.state={isLoaded:false,propvalue:t.propvalue||"#000000"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){this.props.propvalue&&this.props.propvalue!==t.propvalue&&this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let t={width:"1.55em",height:"1.6em",margin:"6px 6px 6px",borderRadius:"4px",backgroundColor:this.state.propvalue},r=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,{style:{cursor:"pointer",fontSize:"12px",marginRight:"6px",color:"#666",opacity:.7},title:"Reset color",onClick:this.handleReset})]}),jsx("div",{className:r,ref:this.ref,children:this.props.disabled?jsxs("div",{style:{display:"flex",alignItems:"center"},children:[jsx("div",{style:t}),jsx("span",{style:{lineHeight:"2em",fontStyle:"normal"},children:this.state.propvalue.toUpperCase()})]}):jsx(ie.Suspense,{fallback:null,children:jsx(Ll,{color:this.state.propvalue,onChange:this.handleChange,disableAlpha:true})})})]})}},it=withTranslation()(Jo);var Ko=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"variant",propvalue:e.propvalue,options:(r=e.options)!=null?r:{standard:"Standard",outlined:"Outlined",filled:"Filled"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:this.state.options})})]})}},ht=withTranslation()(Ko);var Qo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"buttontype",propvalue:e.propvalue,options:(r=e.options)!=null?r:{none:h.NONE,cancel:h.CANCEL,custom:h.CUSTOM,print:h.PRINT,save:h.SAVE}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Button Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},gs=withTranslation()(Qo);var Zo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"colorSchema",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:""},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"",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(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},bs=withTranslation()(Zo);var tn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var E,O;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((E=this.props.selectedWidgetProps)==null?void 0:E._path)||{};if(t===void 0||t!==Q)return null;let{title:n,buttontype:i,fullWidth:d,name:p,variant:m,colorSchema:w,visible:P,style:s}=this.props.selectedWidgetProps,y=(O=s==null?void 0:s.backgroundColor)!=null?O:"primary.main";w&&(y=`${w.toLowerCase()}.main`);let D=jsxs(Fragment,{children:[jsx(gs,{attr:null,disabled:this.props.disabled,defaultValue:h.NONE.toLowerCase(),propvalue:i,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(bs,{disabled:this.props.disabled,propvalue:w,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(it,{disabled:this.props.disabled,proptitle:"Color",propname:"backgroundColor",propvalue:y,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",options:{contained:"Contained",outlined:"Outlined",text:"Text"},propvalue:m,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Full Width",propname:"fullWidth",propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),x=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:r})}),jsx(we,{disabled:this.props.disabled,propvalue:s==null?void 0:s.fontSize,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ce,{disabled:this.props.disabled,defaultValue:"normal",propvalue:s==null?void 0:s.fontWeight,propChanged:a.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:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&D,this.state.tabValue===1&&x]})}},ys=withTranslation()(tn);var rn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Text Align"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t,r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"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(q,{...this.props,propChanged:e,propname:(t=this.state.propname)!=null?t:"textAlign",propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:{left:"Left",center:"Center",right:"Right"}})})]})}},Ie=withTranslation()(rn);var on=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"verticalalign",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{middle:"Middle",bottom:"Bottom"}})})]})}},Vr=withTranslation()(on);var an=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var B;if(this.state.isLoaded===false)return null;let{type:t,component:r,rowId:n,segmentId:i,widgetId:d}=((B=this.props.selectedWidgetProps)==null?void 0:B._path)||{};if(r===void 0||r!==j)return null;let{title:p,name:m,verticalalign:w,visible:P,style:{textAlign:s,fontSize:y,fontWeight:D,color:x}}=this.props.selectedWidgetProps,E=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:m,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Ie,{disabled:this.props.disabled,defaultValue:"left",propvalue:s,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),O=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:d})}),jsx(it,{disabled:this.props.disabled,proptitle:"Color",propname:"color",propvalue:x,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(we,{disabled:this.props.disabled,propvalue:y,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ce,{disabled:this.props.disabled,defaultValue:"normal",propvalue:D,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Vr,{disabled:this.props.disabled,defaultValue:"middle",propvalue:w,propChanged:a.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:()=>a.setProps(this.props).removeWidgetButtonClick(d)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&E,this.state.tabValue===1&&O]})}},Ts=withTranslation()(an);var sn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,tabIndex:(t=e.tabIndex)!=null?t:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(this.state.isLoaded===false)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:"Format"})}),jsx("div",{className:e,children:jsx("input",{ref:this.ref,type:"text",name:this.props.propname,defaultValue:(t=this.state.propvalue)!=null?t:"",disabled:this.props.disabled,onBlur:r=>{var i;let n=r.target.value.trim();((i=this.state.propvalue)!=null?i:"")!==n&&this.props.propChanged(r,this.props.attr,this.props.propname,n);},tabIndex:this.state.tabIndex})})]})}},ks=withTranslation()(sn);var dn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,inputtype:e.inputtype};}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let e={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(q,{propname:"inputtype",disabled:this.props.disabled,defaultValue:this.props.inputtype||"input",propChanged:(t,r)=>this.props.selectedDropdownWidgetPropsChange(r,t,null),hidelabel:true,sort:"alpha",options:e})})]})}},Es=withTranslation()(dn);var pn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let e=(t,r)=>this.props.propChanged(r,t,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(q,{...this.props,propChanged:e,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"",today:"Today"}})})]})}},Ds=withTranslation()(pn);var ln=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let e=(t,r)=>this.props.propChanged(r,t,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(q,{...this.props,propChanged:e,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"","start of day":"start of day",now:"now"}})})]})}},Is=withTranslation()(ln);var cn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"size",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{small:"Small",medium:"Medium"}})})]})}},At=withTranslation()(cn);var un=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"reservedname",propvalue:e.propvalue,options:(r=e.options)!=null?r:{_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 t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"alpha",options:this.state.options})})]})}},_s=withTranslation()(un);var mn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"reservedregex",propvalue:e.propvalue,options:(r=e.options)!=null?r:{_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 t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},Ms=withTranslation()(mn);var gn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"currency_format",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"en-US"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"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(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},Kr=withTranslation()(gn);var hn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"item_currencydisplay"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:"",hidelabel:true,options:t})})]})}},Zr=withTranslation()(hn);var bn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"item_fixedlocale"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:"",hidelabel:true,options:l(),sort:"keydesc"})})]})}},to=withTranslation()(bn);var fn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0};}componentDidMount(){this.setState({isLoaded:true});}render(){var N$1;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((N$1=this.props.selectedWidgetProps)==null?void 0:N$1._path)||{};if(t===void 0||t!==n)return null;let{currency_inputfield:n$1,currency_format:i,currency_currency:d,currency_fixedlocale:p,currency_currencydisplay:m,dateformat:w,defaultvalue:P,gsindex:s,forcereadonly:y,ignorereadonly:D,inputtype:x,label:E,placeholder:O,phoneformat:B,name:F,onchangehandler:J,readonly:K,required:z,requiredmessage:q,reservedname:U,reservedregex:se,regex:xe,showicon:Le,searchbar:_e,size:Oe,uppercasemode:Me,variant:Be,viewfield:l,visible:h,style:u}=this.props.selectedWidgetProps,{textAlign:T,fontSize:f,fontWeight:C}=u!=null?u:{},b=jsxs(Fragment,{children:[jsx(Es,{disabled:this.props.disabled,inputtype:x,selectedDropdownWidgetPropsChange:a.setProps(this.props).selectedDropdownWidgetPropsChange,selectedWidgetPropsChange:a.setProps(this.props).selectedWidgetPropsChange}),x==="currency"&&jsxs(Fragment,{children:[jsx(Kr,{disabled:this.props.disabled,propvalue:i,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),i==="fixed-locale"&&jsx(to,{disabled:this.props.disabled,propname:"currency_fixedlocale",propvalue:p,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(i==="locale"||i==="fixed-locale")&&jsx(Zr,{disabled:this.props.disabled,propname:"currency_currencydisplay",propvalue:m,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(i===""||i===void 0||i==="locale")&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Field Name",propname:"currency_inputfield",attr:null,propvalue:n$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),(i===""||i===void 0)&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency",propname:"currency_currency",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange})]}),x==="input"&&jsx(Ms,{disabled:this.props.disabled,proptitle:"Allowed Input",propname:"reservedregex",attr:null,propvalue:se,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),x==="input"&&se==="_custom"&&jsx(S,{disabled:this.props.disabled,proptitle:"Custom RegEx",propname:"regex",attr:null,propvalue:xe,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),x==="input"&&jsx(S,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),x==="date"&&jsx(Fragment,{children:jsx(Ds,{disabled:this.props.disabled,defaultValue:"",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})}),x==="time"&&jsx(Is,{disabled:this.props.disabled,defaultValue:"",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(x==="date"||x==="time")&&jsx(ks,{disabled:this.props.disabled,attr:null,propname:"dateformat",propvalue:w,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),x==="phone"&&jsx(S,{disabled:this.props.disabled,proptitle:"Phone Format",propname:"phoneformat",attr:null,propvalue:B,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:E,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(_s,{disabled:this.props.disabled,proptitle:"Name",propname:"reservedname",attr:null,propvalue:U,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),U==="_custom"&&jsx(S,{disabled:this.props.disabled,proptitle:"Custom Name",propname:"name",attr:null,propvalue:F,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),x!=="date"&&x!=="time"&&jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:O,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:z,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:q,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:K,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:Oe,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:Be,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:h,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),k=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:r})}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"GS Index",propname:"gsindex",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(we,{disabled:this.props.disabled,propvalue:f,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ce,{disabled:this.props.disabled,defaultValue:"normal",propvalue:C,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ie,{disabled:this.props.disabled,defaultValue:"left",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:J,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Readonly (On Edit)",propname:"forcereadonly",attr:null,propvalue:y,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Readonly Ignore",propname:"ignorereadonly",attr:null,propvalue:D,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),x==="date"&&jsx(g,{disabled:this.props.disabled,proptitle:"Show Icon",propname:"showicon",attr:null,propvalue:Le,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),x!=="date"&&jsx(g,{disabled:this.props.disabled,proptitle:"Upper Case Mode",propname:"uppercasemode",attr:null,propvalue:Me,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"Search Bar",propname:"searchbar",propvalue:_e,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:l,propChanged:a.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:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&b,this.state.tabValue===1&&k]})}},As=withTranslation()(fn);var yn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var xe;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((xe=this.props.selectedWidgetProps)==null?void 0:xe._path)||{};if(t===void 0||t!==p)return null;let{autocompleteTextArea:n,autosize:i,ignorereadonly:d,label:p$1,name:m,onchangehandler:w,placeholder:P,readonly:s,required:y,requiredmessage:D,size:x,variant:E,viewfield:O,visible:B,style:F}=this.props.selectedWidgetProps,{textAlign:J,fontSize:K,fontWeight:z,minHeight:q}=F!=null?F:{},U=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:p$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:m,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:y,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:D,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:B,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:x,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:E,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]}),se=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:r})}),jsx(g,{disabled:this.props.disabled,proptitle:"Auto Complete",propname:"autocompleteTextArea",propvalue:n!=null?n:false,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"Auto Size",propname:"autosize",propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:q,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(we,{disabled:this.props.disabled,propvalue:K,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ce,{disabled:this.props.disabled,defaultValue:"normal",propvalue:z,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ie,{disabled:this.props.disabled,defaultValue:"left",propvalue:J,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:O,propChanged:a.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:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&U,this.state.tabValue===1&&se]})}},Us=withTranslation()(yn);var xn={backgroundColor:"white",cursor:"move"},$e=o=>{let{id:e,type:t$1,component:r,icon:n$1,title:i$1,disabled:d$1}=o,p$1=d$1?"formwidget disabledElement":"formwidget",m$1={};t$1===g$1.ROW?m$1=G$1.objectInspector.defaultProps:t$1===g$1.TAB?m$1=C.objectInspector.defaultProps:t$1===g$1.TABLE?m$1=E.objectInspector.defaultProps:t$1===g$1.WIDGET&&(r===Q?m$1=P$1.objectInspector.defaultProps:r===j?m$1=i.objectInspector.defaultProps:r===n?m$1=m.objectInspector.defaultProps:r===p?m$1=o$1.objectInspector.defaultProps:r===s?m$1=r$1.objectInspector.defaultProps:r===I?m$1={datatype:"string",datalength:"1000",groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,tabIndex:0,style:{minHeight:"200px"},title:"File Uploader",value:"",visible:true}:r===J?m$1={groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,style:{minHeight:"200px"},tabIndex:0,title:"Placeholder",value:"",visible:true}:r===u?m$1=t.objectInspector.defaultProps:r===w?m$1=v.objectInspector.defaultProps:r===S$1&&(m$1=R.objectInspector.defaultProps));try{let[,w]=d(()=>({type:t$1,item:{id:e,type:t$1,stricttype:r.displayName,component:r,properties:m$1,_children:[]}}));return d$1?jsx("div",{className:p$1,style:xn,title:i$1,children:n$1}):jsx("div",{className:p$1,ref:w,style:xn,title:i$1,children:n$1})}catch(w){return jsx("div",{className:p$1,style:xn,title:i$1,children:n$1})}};var Hc=o=>{let[e,t]=useState(""),{loadFields:r,viewPort:n}=b$1();useEffect(()=>{t(o.value);},[o.value]);let i=d=>{t(d.target.value);};return ie.createElement("div",{style:{display:"flex",width:"30%"}},ie.createElement(n$2,{id:nanoid(5),label:"Column Title",onBlur:o.onBlur,onInput:i,name:o.name,size:"small",type:"text",variant:"outlined",value:e,visible:true},null))},Fc=o=>{let[e,t]=useState("");useEffect(()=>{t(o.value);},[o.value]);let r=n=>{t(n.target.value);};return ie.createElement(n$2,{id:nanoid(5),label:"Field Name",onBlur:o.onBlur,onInput:r,name:o.name,size:"small",type:"text",variant:"outlined",value:e,visible:true},null)},Ac=o=>{let e=o.columns.map((t,r,n)=>ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex",alignItems:"center",gap:"1em"}},jsx(Hc,{name:"coltitle_"+r,onBlur:i=>o.onColCaptionBlur(i,r),value:t[0]}),ie.createElement("div",{style:{width:"30%",display:"flex"}},o.isBuildocsExtendedEditor?ie.createElement(l$1,{key:nanoid(11),id:"colsource_"+r,data:o.source,darkMode:false,label:"Field Name",multiple:false,placeholder:"Field Name",readOnly:false,renderType:"none",selectedValue:[t[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:i=>o.onSourceChange(i,r)},null):jsx(Fc,{name:"colsource_"+r,onBlur:i=>o.onColSourceBlur(i,r),value:t[1]})),ie.createElement("div",{style:{width:"30%",display:"flex"}},ie.createElement(l$1,{key:nanoid(11),id:"coltype_"+r,data:o.types,darkMode:false,label:"Type",multiple:false,placeholder:"Type",readOnly:false,renderType:"none",selectedValue:[t[2]==="string"?"freetext":t[2]==="currency"?"price":t[2]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:i=>o.onTypeChange(i,r)},null)),ie.createElement("div",{style:{display:"flex",width:"40px",flexShrink:0,alignItems:"center"}},r>0?jsx(Cp,{sx:{},onClick:i=>o.removeColumn(t),children:jsx(M$1,{style:{fontSize:"0.7em"}})}):null)));return jsxs(Fragment,{children:[jsx("div",{style:{paddingTop:"0.5em"},children:e}),jsx("div",{style:{paddingTop:"0.2em"},children:jsx("button",{id:"",className:"btn btn-outline-primary btn-sm",onClick:()=>o.addColumns(),children:"Add Column"})})]})},Vc=o=>{let e=o.columns.map((t,r)=>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(l$1,{key:nanoid(11),id:"colsource_"+r,data:o.source,darkMode:false,label:"Code",multiple:false,placeholder:"code",readOnly:false,renderType:"none",selectedValue:[t[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:n=>o.onSourceChange(n,r)},null))));return jsx(Fragment,{children:jsx("div",{style:{paddingTop:"0.5em"},children:e})})},jc=o=>{let e=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(l$1,{key:nanoid(11),id:"category",data:o.pluginCategories,darkMode:false,label:"Category",multiple:false,placeholder:"Category",readOnly:false,renderType:"none",selectedValue:[o.conditionCategory],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"category")},null)),o.conditionTemplateVisible?ie.createElement("div",{style:{display:"flex",marginLeft:"8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"template",data:o.pluginForms,darkMode:false,label:"Template",multiple:false,placeholder:"Template",readOnly:false,renderType:"none",selectedValue:[o.conditionTemplate],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"template")},null)):null);return jsx(tt,{style:{paddingTop:"0.5em"},children:e})},Uc=o=>{let e=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(l$1,{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:[o.conditionBreakdown],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"breakdown")},null)));return jsx(tt,{children:e})},qc=o=>{let e=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(l$1,{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:[o.disableCodegen],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"disableCodegen")},null)));return jsx(tt,{children:e})},qs=memo(function(e){var C,b,k,N,L;let{loadFields:t,viewPort:r}=b$1(),[n,i]=useState((C=e.data)!=null&&C.columns?e.data.columns:[[null,null,"string"]]),[d,p]=useState(false),[m,w]=useState((b=e.data)!=null&&b.conditionCategory?e.data.conditionCategory:""),[P$1,s]=useState((k=e.data)!=null&&k.conditionTemplate?e.data.conditionTemplate:""),[y,D]=useState((N=e.data)!=null&&N.disableCodegen?e.data.disableCodegen:""),x=(L=e.data)!=null&&L.conditionBreakdown?e.data.conditionBreakdown:"regular",[E,O]=useState(x),[B,F]=useState(true),[J,K]=useState([{id:"",value:""}]),[z,q]=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"}]),[U,se]=useState([{id:"",value:""}]),[xe,Le]=useState([{id:"",value:""}]),_e=useCallback(async()=>{let v=c=>{let _=[{id:"",value:""}];for(let M in c)_.push({id:M,value:c[M]});return _};t&&await t({pluginCode:e.pluginCode}).then(c=>{if(c.meta.requestStatus==="fulfilled"){let _={...c.payload};_.pluginCategories&&Le(v(_.pluginCategories)),_.pluginForms&&se(v(_.pluginForms)),_.viewFields&&K(v(_.viewFields)),p(true);}});},[]);if(useEffect(()=>{d||(e.isBuildocsExtendedEditor?_e():p(true));},[]),!d)return ie.createElement("div",{},jsx(a$1,{}));let Oe=(v,c)=>{let _=v.target.value.trim();c==="category"?w(_):c==="disableCodegen"?D(_):c==="template"?s(_):c==="breakdown"&&(O(_),(_==="children"||_==="amendment")&&s(""));},Me=(v,c)=>{let _=[...n];_[c]=[v.target.value.trim(),n[c][1],n[c][2]],i(_);},Be=(v,c)=>{let _=[...n];_[c]=[n[c][0],v.target.value.trim(),n[c][2]],i(_);},l=(v,c)=>{let _=[...n];_[c]=[n[c][0],v.target.value.trim(),n[c][2]],i(_);},h=(v,c)=>{let _=[...n];_[c]=[n[c][0],n[c][1],v.target.value.trim()],i(_);},u=()=>{i([...n,[null,null,null]]);},T=v=>{let c=n.filter(_=>_!==v);i(c);},f=()=>e.type==="SELECTBOX"?jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Source"}),jsx(Vc,{columns:n,onColCaptionBlur:Me,onSourceChange:l,onTypeChange:h,addColumns:u,removeColumn:T,source:J})]})]}):jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Columns"}),jsx(Ac,{columns:n,onColCaptionBlur:Me,onColSourceBlur:Be,onSourceChange:l,onTypeChange:h,addColumns:u,removeColumn:T,source:J,types:z,isBuildocsExtendedEditor:e.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:e.isBuildocsExtendedEditor?"Data Table Query Builder":"Column Manager"}),jsx("button",{onClick:e.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:v=>{v.currentTarget.style.backgroundColor="#f5f5f5";},onMouseLeave:v=>{v.currentTarget.style.backgroundColor="#fff";},"aria-label":"Close",title:"Close",children:jsx(P,{})})]}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Code Generator"}),jsx(qc,{disableCodegen:y,onFilterIndexChange:Oe})]})]}),jsx(f,{}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Breakdown"}),jsx(Uc,{conditionBreakdown:E,onFilterIndexChange:Oe})]})]}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{children:[jsx("h4",{style:{fontWeight:700},children:"Condition"}),jsx(jc,{conditionTemplateVisible:B,conditionCategory:m,conditionTemplate:P$1,onFilterIndexChange:Oe,pluginCategories:xe,pluginForms:U})]})]})]})}),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:()=>e.saveForm({columns:n,conditionCategory:m,conditionTemplate:P$1,conditionBreakdown:E,disableCodegen:y}),children:"Save"}),jsx("button",{id:"columnManagerCloseBtn",className:"btn btn-outline-primary btn-sm",style:{display:"inline-block"},onClick:e.closeForm,children:"Close"})]})]})})});var Pn=class extends ie.PureComponent{constructor(t){var r,n,i;super(t);this.onSourceEditorOpen=()=>{this.props.disabled||this.setState({opened:true});};this.adjustColor=(t,r)=>"#"+t.replace(/^#/,"").replace(/../g,n=>("0"+Math.min(255,Math.max(0,parseInt(n,16)+r)).toString(16)).slice(-2));this.closeForm=()=>{this.setState({opened:false});};this.saveForm=t=>{this.setState({opened:false}),this.props.propChanged(this.state.propname,t);};this.state={isLoaded:false,pluginCode:t.pluginCode,proptitle:t.proptitle,propname:t.propname,propvalue:t.propvalue,opened:false,hidelabel:(r=t.hidelabel)!=null?r:false,tabIndex:(n=t.tabIndex)!=null?n:0,type:(i=t.type)!=null?i:"TABLE"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){var r,n;t.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue}),t.pluginCode!==this.props.pluginCode&&this.setState({pluginCode:this.props.pluginCode}),t.proptitle!==this.props.proptitle&&this.setState({proptitle:this.props.proptitle}),t.type!==this.props.type&&this.setState({type:this.props.type}),this.ref&&this.ref.current&&this.props.tabIndex===this.ref.current.tabIndex&&((n=(r=this.ref.current).focus)==null||n.call(r));}render(){var p;if(!this.state.isLoaded)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container",r=!!((p=this.state)!=null&&p.propvalue&&this.state.propvalue.columns),n=r?"Edit":"Not set",i=r?"rgb(88, 252, 0)":"#C0C0C0",d={"&.MuiButtonBase-root":{fontSize:"14px",padding:"3px",marginLeft:"-3px",width:"100%",height:"100%",borderRadius:"0px",boxShadow:"none",fontWeight:"normal",backgroundColor:i},"&.MuiButtonBase-root:hover":{backgroundColor:this.adjustColor(i,-50)}};return jsxs(Fragment,{children:[!this.state.hidelabel&&jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:t,ref:this.ref,children:jsx(o,{variant:"contained",label:n,onClick:this.onSourceEditorOpen,fullWidth:true,sx:d,tabIndex:0,disabled:this.props.disabled})}),this.state.opened&&!this.props.disabled?jsx(a$2,{component:jsx(qs,{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]})}},ro=withTranslation()(Pn);var Tn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:"tabIndex",propvalue:typeof e.propvalue=="number"?e.propvalue:e.propvalue!==void 0?Number(e.propvalue):void 0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){this.props.propvalue!==e.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}},Xs=withTranslation()(Tn);var Sn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:"rendertype",propvalue:(t=e.propvalue)!=null?t:"none"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Render Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",checkbox:"Checkbox",chip:"Chip"}})})]})}},Js=withTranslation()(Sn);var kn=class extends ie.PureComponent{constructor(t){var n;super(t);this.convertToText=t=>!t||!Array.isArray(t)||t.length===0?"":t.map(r=>{if(typeof r=="object"&&r!==null){let n=r.value||r.id||"",i=r.id||"";return n===i?n:`${n}|${i}`}return r}).filter(r=>r.trim()!=="").join(`
 `);this.convertToArray=t=>!t||t.trim()===""?[]:t.split(`
 `).map(r=>r.trim()).filter(r=>r!=="").map(r=>{let n=r.indexOf("|");if(n!==-1){let i=r.substring(0,n).trim();return {id:r.substring(n+1).trim(),value:i}}else return {id:r,value:r}});this.handleBlur=t=>{let r=t.target.value;if(this.state.lastSavedValue!==r){let i=this.convertToArray(r);this.setState({textValue:r,lastSavedValue:r}),this.props.propChanged(t,this.props.attr,this.props.propname,i);}};let r=this.convertToText(t.propvalue);this.state={isLoaded:false,textValue:r,lastSavedValue:r,tabIndex:(n=t.tabIndex)!=null?n:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){let r=this.ref.current;if(r&&this.props.tabIndex===r.tabIndex&&r.focus(),this.props.propvalue!==t.propvalue){let n=this.convertToText(this.props.propvalue);this.setState({textValue:n,lastSavedValue:n});}}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,children:jsx("textarea",{ref:this.ref,name:this.props.propname,value:this.state.textValue,disabled:this.props.disabled,onChange:r=>this.setState({textValue:r.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"}})})]})}},Qs=withTranslation()(kn);var Wn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var l;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((l=this.props.selectedWidgetProps)==null?void 0:l._path)||{};if(t===void 0||t!==s)return null;let {gsindex:n,ignorereadonly:i,dropsource:d,dropvalues:p,label:m,multiple:w,name:P,onchangehandler:s$1,placeholder:y,forcereadonly:D,readonly:x,required:E,requiredmessage:O,rendertype:B,searchbar:F,size:J,tabIndex:K,variant:z,viewfield:q,visible:U,style:se}=this.props.selectedWidgetProps,{fontSize:xe,fontWeight:Le,minHeight:_e}=se!=null?se:{},Me=jsxs(Fragment,{children:[this.props.isBuildocsExtendedEditor&&jsx(ro,{disabled:this.props.disabled,proptitle:"Column Manager",propname:"dropsource",propvalue:d,propChanged:a.setProps(this.props).DataSourcePropsChange,tabIndex:K!==void 0?K++:void 0,pluginCode:this.props.pluginCode,type:"SELECTBOX",isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:m,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:y,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Qs,{disabled:this.props.disabled,proptitle:"Dropdown Values",propname:"dropvalues",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{attr:null,disabled:this.props.disabled,proptitle:"Multiple",propname:"multiple",propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Search Bar",propname:"searchbar",propvalue:F,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:E,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:O,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:x,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Js,{attr:null,disabled:this.props.disabled,propvalue:B,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:J,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:z,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:U,propChanged:a.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:r})}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"GS Index",propname:"gsindex",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(we,{disabled:this.props.disabled,propvalue:xe,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ce,{disabled:this.props.disabled,defaultValue:"normal",propvalue:Le,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Xs,{attr:null,disabled:this.props.disabled,propvalue:K,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:s$1,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Readonly (On Edit)",propname:"forcereadonly",attr:null,propvalue:D,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Readonly Ignore",propname:"ignorereadonly",attr:null,propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:q,propChanged:a.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:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&Me,this.state.tabValue===1&&Be]})}},td=withTranslation()(Wn);var Dn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"elementSize",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"1.35em"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style"),t={"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(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,sort:"alpha",options:t})})]})}},ao=withTranslation()(Dn);var Rn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:"labelplacement",propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{bottom:"bottom",end:"end",start:"start",top:"top"}})})]})}},po=withTranslation()(Rn);var Nn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};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{component:t,widgetId:r}=((K=this.props.selectedWidgetProps)==null?void 0:K._path)||{};if(t===void 0||t!==u)return null;let{defaultvalue:n,ignorereadonly:i,label:d,labelplacement:p,name:m,onchangehandler:w,readonly:P,required:s,value:y,viewfield:D,visible:x,style:E}=this.props.selectedWidgetProps,{textAlign:O,elementSize:B}=E!=null?E:{},F=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label Text",propname:"label",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:m,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Value",propname:"value",attr:null,propvalue:y,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(po,{disabled:this.props.disabled,defaultValue:"end",propvalue:p,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:x,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),J=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:r})}),jsx(ao,{disabled:this.props.disabled,propvalue:B,defaultValue:"1.35em",propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ie,{disabled:this.props.disabled,defaultValue:"left",propvalue:O,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:D,propChanged:a.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:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&F,this.state.tabValue===1&&J]})}},ad=withTranslation()(Nn);var _n=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var K;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((K=this.props.selectedWidgetProps)==null?void 0:K._path)||{};if(t===void 0||t!==w)return null;let{groupname:n,defaultvalue:i,ignorereadonly:d,label:p,labelplacement:m,name:w$1,onchangehandler:P,readonly:s,value:y,viewfield:D,visible:x,style:E}=this.props.selectedWidgetProps,{textAlign:O,elementSize:B}=E!=null?E:{},F=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label Text",propname:"label",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Group Name",propname:"groupname",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:w$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Value",propname:"value",attr:null,propvalue:y,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(po,{disabled:this.props.disabled,defaultValue:"end",propvalue:m,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:x,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),J=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:r})}),jsx(ao,{disabled:this.props.disabled,propvalue:B,defaultValue:"1.35em",propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ie,{disabled:this.props.disabled,defaultValue:"left",propvalue:O,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:D,propChanged:a.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:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&F,this.state.tabValue===1&&J]})}},pd=withTranslation()(_n);var cd=memo(function({tabId:e$1,id:t,getSelectedWidgetId:r,getActiveTabIndex:n,moveRowItem:i,addRowSegmentItem:d,findPanelItem:p,findSegmentItem:m,findWidgetItem:w,moveWidgetItem:P,onPointerUp:s,showMessage:y,getEditMode:D,eventDispatcher:x,getFormData:E}){let O=p(e$1,t),B$1=O.index,[,F]=useState(false),[,J]=useState(false),[{isOver:K,isOverCurrent:z}]=e(()=>({accept:[g$1.ROW,g$1.TAB],drop(q,U){let se=U.didDrop();se||(i(q,e$1,t,t,B$1,q.tabId===e$1),F(true),J(se));},collect:q=>({isOver:q.isOver(),isOverCurrent:q.isOver({shallow:true}),activeItem:q.getItem()})}),[F,J]);return ie.createElement(ie.Fragment,{},jsx(B,{children:O.item._children.map(({panelId:q,id:U,component:se,properties:xe})=>ie.createElement(se,{key:"tabpanel_"+U,tabId:e$1,panelId:q,properties:xe,onPointerUp:(Le,_e,Oe,Me,Be,l,h)=>{Le.stopPropagation(),s(Le,_e,Oe,Me,Be,l,h);},showMessage:y,addRowSegmentItem:d,getSelectedWidgetId:r,getActiveTabIndex:n,findSegmentItem:m,findWidgetItem:w,moveWidgetItem:P,getEditMode:D,eventDispatcher:x,getFormData:E},null))}))});cd.displayName="_Tabpanel";var lo=cd;var Mn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var K,z;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((K=this.props.selectedWidgetProps)==null?void 0:K._path)||{};if((t===void 0||t!==D$1)&&t!==lo)return null;let{item_title:n,item_default_color:i,item_active_color:d,item_default_background_color:p,item_active_background_color:m,item_fontsize:w,item_fontweight:P,item_name:s,item_visible:y}=(z=this.props.selectedWidgetProps.tabsetup)!=null?z:{},{name:D,tabcount:x,visible:E}=this.props.selectedWidgetProps,O=s&&s!=="",B=()=>O?jsxs(Fragment,{children:[jsx("div",{className:"header item-header",style:{fontSize:"14px",fontWeight:"600",padding:"12px 10px"},children:"Tab Item Properties"}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"item_title",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Item Name",propname:"item_name",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"item_visible",propvalue:y,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}):null,F=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled||O,proptitle:"Name",propname:"name",attr:null,propvalue:D,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled||O,proptitle:"Tab Count",propname:"tabcount",attr:null,propvalue:x,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled||O,proptitle:"Visible",propname:"visible",propvalue:E,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(B,{})]}),J=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:r})}),jsx(it,{disabled:this.props.disabled,proptitle:"Bg-Color",propname:"item_default_background_color",propvalue:p,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(it,{disabled:this.props.disabled,proptitle:"Bg-Hover-Color",propname:"item_active_background_color",propvalue:m,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(it,{disabled:this.props.disabled,proptitle:"Text-Color",propname:"item_default_color",propvalue:i,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(it,{disabled:this.props.disabled,proptitle:"Text-Hover-Color",propname:"item_active_color",propvalue:d,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(we,{disabled:this.props.disabled,propname:"item_fontsize",propvalue:w,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ce,{disabled:this.props.disabled,propname:"item_fontweight",defaultValue:"bold",propvalue:P,propChanged:a.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:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&F,this.state.tabValue===1&&J]})}},gd=withTranslation()(Mn);var Bn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"pagesize",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Pagesize"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},bd=withTranslation()(Bn);var zn=class extends ie.PureComponent{constructor(e){var t,r,n,i;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowactions",propvalue:(r=e.propvalue)!=null?r:"{}",proptitle:(n=e.proptitle)!=null?n:"Row Actions",rowactiontype:(i=e.rowactiontype)!=null?i:"none"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var n;if(!this.state.isLoaded||((n=this.props.rowactiontype)!=null?n:this.state.rowactiontype)==="none")return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container",t=(i,d,p)=>(p[d]=i,this.props.propChanged(null,null,"rowactions",JSON.stringify(p))),r={};try{r=JSON.parse(this.props.propvalue||this.state.propvalue||"{}")||{};}catch(i){r={};}return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsxs("div",{className:e,ref:this.ref,children:[this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(g,{disabled:this.props.disabled,hidelabel:true,propname:"action_editrow",propvalue:r.action_editrow,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Edit Row"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(g,{disabled:this.props.disabled,hidelabel:true,propname:"action_edit",propvalue:r.action_edit,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Edit"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(g,{disabled:this.props.disabled,hidelabel:true,propname:"action_amend",propvalue:r.action_amend,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Amend"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(g,{disabled:this.props.disabled,hidelabel:true,propname:"action_print",propvalue:r.action_print,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Print"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(g,{disabled:this.props.disabled,hidelabel:true,propname:"action_download",propvalue:r.action_download,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Download"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(g,{disabled:this.props.disabled,hidelabel:true,propname:"action_delete",propvalue:r.action_delete,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Delete"})]}),this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(g,{disabled:this.props.disabled,hidelabel:true,propname:"action_copy",propvalue:r.action_copy,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Copy Template"})]}),this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(g,{disabled:this.props.disabled,hidelabel:true,propname:"action_sign",propvalue:r.action_sign,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Sign"})]})]})]})}},vd=withTranslation()(zn);var Hn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowdensity",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Row Density"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{comfortable:"Comfortable",compact:"Compact",spacious:"Spacious"}})})]})}},xd=withTranslation()(Hn);var Fn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowactiontype",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Row Actions Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",flat:"Flat",menu:"Menu",...this.props.isBuildocsExtendedEditor&&{primary:"Primary"}}})})]})}},wd=withTranslation()(Fn);var An=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowclickas",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Row Click As"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",new:"Add New"}})})]})}},Td=withTranslation()(An);var Vn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"tablemode",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Table Mode"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{datatable:"Datatable",tabulator:"Tabulator"}})})]})}};withTranslation()(Vn);var jn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"searchtype",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Search Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{startsWith:"StartsWith",contains:"Contains"}})})]})}},Wd=withTranslation()(jn);var qn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.handleEditRowModeChange=(t,r)=>{let n=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(!!t,r,null,n),setTimeout(()=>{let i=t?"tabulator":"datatable";this.props.selectedWidgetPropsChange(i,"tablemode",null,this.props.selectedWidgetProps);},0);};this.state={isLoaded:false,tabValue:0};}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){var r,n,i,d;((n=(r=t.selectedWidgetProps)==null?void 0:r._path)==null?void 0:n.widgetId)!==((d=(i=this.props.selectedWidgetProps)==null?void 0:i._path)==null?void 0:d.widgetId)&&this.setState({tabValue:0});}render(){var ye;if(this.state.isLoaded===false)return null;let{component:t,rowId:r}=((ye=this.props.selectedWidgetProps)==null?void 0:ye._path)||{};if(t===void 0||t!==F)return null;let {alloweditrow:n,backendpagination:i,columns:d,colactions:p,colgrouping:m,colordering:w,colresizing:P,datasource:s,height:y,hideaddbutton:D,name:x,folders:E,foldercaption:O,pagination:B,pagesize:F$1,readonly:J,ignorereadonly:K,rowactions:z,rowactiontype:q,rowclickas:U,rowdensity:se,rownumber:xe,rowselection:Le,rowvirtualization:_e,search:Oe,searchtype:Me,selectall:Be,stickyheader:l,tablemode:h,toolbarInternalActions:u,topToolbar:T,enableuploadfiles:f,uploadtemplcode:C,visible:b,style:k}=this.props.selectedWidgetProps,{fontSize:N$1,fontWeight:L}=k!=null?k:{},c=1,_=jsxs(Fragment,{children:[jsx(ro,{disabled:this.props.disabled,proptitle:"Column Manager",propname:"datasource",propvalue:s,propChanged:a.setProps(this.props).DataSourcePropsChange,tabIndex:c++,pluginCode:this.props.pluginCode,type:"TABLE",isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),jsx(g,{disabled:this.props.disabled,proptitle:"Edit Row Mode",propname:"alloweditrow",propvalue:n,propChanged:this.handleEditRowModeChange,tabIndex:c++}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:x,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:c++}),this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Columns",propname:"columns",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:c++}),jsx(S,{disabled:this.props.disabled,proptitle:h==="tabulator"?"Height":"Max Height",propname:"height",attr:null,propvalue:y,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:c++}),!n&&h==="datatable"&&jsx(g,{disabled:this.props.disabled,proptitle:"Pagination",propname:"pagination",propvalue:B,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),!n&&!!B&&jsx(g,{disabled:this.props.disabled,proptitle:"Lazy Loading",propname:"backendpagination",propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),!n&&h==="datatable"&&!!B&&jsx(bd,{disabled:this.props.disabled,proptitle:"Page Size",propname:"pagesize",propvalue:F$1,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:c++}),!n&&jsx(g,{disabled:this.props.disabled,proptitle:"Search",propname:"search",propvalue:Oe,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),!n&&jsx(Wd,{disabled:this.props.disabled,proptitle:"Search Type",propname:"searchtype",propvalue:Me||"searchtype",propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:c++}),jsx(g,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:J,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:b,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),false]}),M=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:r})}),jsx(we,{disabled:this.props.disabled,propname:"fontSize",propvalue:N$1,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:c++}),jsx(Ce,{disabled:this.props.disabled,propname:"fontWeight",defaultValue:"normal",propvalue:L,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:c++}),jsx(g,{disabled:this.props.disabled,proptitle:"Hide Add Button",propname:"hideaddbutton",propvalue:D,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),!n&&jsx(g,{disabled:this.props.disabled,proptitle:"Column Actions",propname:"colactions",propvalue:p,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),!n&&jsx(g,{disabled:this.props.disabled,proptitle:"Column Grouping",propname:"colgrouping",propvalue:m,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),!n&&jsx(g,{disabled:this.props.disabled,proptitle:"Column Ordering",propname:"colordering",propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),!n&&jsx(g,{disabled:this.props.disabled,proptitle:"Column Resizing",propname:"colresizing",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),!n&&jsx(g,{disabled:this.props.disabled,proptitle:"Enable Upload",propname:"enableuploadfiles",propvalue:f,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),false,!n&&this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"Breadcrumbs",propname:"folders",propvalue:E,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),!n&&this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Folder Caption",propname:"foldercaption",attr:null,propvalue:O,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:c++}),jsx(g,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:K,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),!n&&jsx(wd,{disabled:this.props.disabled,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor,proptitle:"Row Actions Type",propname:"rowactiontype",propvalue:q,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:c++}),!n&&jsx(vd,{disabled:this.props.disabled,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor,proptitle:"Row Actions",propname:"rowactions",propvalue:z,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:c++,rowactiontype:q}),!n&&this.props.isBuildocsExtendedEditor&&jsx(Td,{disabled:this.props.disabled,proptitle:"Row Click As",propname:"rowclickas",propvalue:U,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:c++}),!n&&jsx(xd,{disabled:this.props.disabled,proptitle:"Row Density",propname:"rowdensity",propvalue:se,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:c++}),!n&&jsx(g,{disabled:this.props.disabled,proptitle:"Row Number",propname:"rownumber",propvalue:xe,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),!n&&jsx(g,{disabled:this.props.disabled,proptitle:"Row Selection",propname:"rowselection",propvalue:Le,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),false,!n&&jsx(g,{disabled:this.props.disabled,proptitle:"Select All",propname:"selectall",propvalue:Be,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),!n&&jsx(g,{disabled:this.props.disabled,proptitle:"Sticky Header",propname:"stickyheader",propvalue:l,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),!n&&jsx(g,{disabled:this.props.disabled,proptitle:"Toolbar Internal Actions",propname:"toolbarInternalActions",propvalue:u,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++}),!n&&jsx(g,{disabled:this.props.disabled,proptitle:"Top Toolbar",propname:"topToolbar",propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:c++})]});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:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&_,this.state.tabValue===1&&M]})}},Rd=withTranslation()(qn);var Gn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Editor"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t,r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,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(q,{...this.props,propChanged:e,propname:(t=this.state.propname)!=null?t:"item_editor",propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:{input:"Input",number:"Number",checkbox:"Checkbox"},disabled:this.props.disabled||this.props.readOnly})})]})}},Nd=withTranslation()(Gn);var $n=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Column Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r,n,i;if(!this.state.isLoaded)return null;let e=(d,p)=>this.props.propChanged(p,d,null),t={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(q,{...this.props,propChanged:e,propname:(r=this.state.propname)!=null?r:"item_columntype",propvalue:(i=(n=this.props.propvalue)!=null?n:this.state.propvalue)!=null?i:"freetext",hidelabel:true,options:t})})]})}},_d=withTranslation()($n);var Xn=class extends ie.PureComponent{constructor(t){super(t);this.autoPopulateColumnType=()=>{var p,m;let{parentDatasource:t,parentCellIndex:r}=((p=this.props.selectedWidgetProps)==null?void 0:p._path)||{};if(!(t!=null&&t.columns)||r===void 0||r<0)return;let n=t.columns[r];if(!n||!n[2])return;let d=(m={string:"freetext",freetext:"freetext",currency:"price",price:"price",date:"date",datetime:"datetime",number:"number",checkbox:"checkbox"}[n[2]])!=null?m:"freetext";this.props.selectedWidgetProps.item_columntype!==d&&this.handleColumnTypeChange(d,"item_columntype",null);};this.handleColumnTypeChange=(t,r,n)=>{let i=t,d=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(t,r,n,d),setTimeout(()=>{let p=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(void 0,"item_format",null,p),this.props.selectedWidgetPropsChange(void 0,"item_fixedlocale",null,p),this.props.selectedWidgetPropsChange(void 0,"item_currencydisplay",null,p),this.props.selectedWidgetPropsChange(void 0,"item_inputfield",null,p),this.props.selectedWidgetPropsChange(void 0,"item_currency",null,p),this.props.selectedWidgetPropsChange(false,"item_assymbol",null,p),this.props.selectedWidgetPropsChange(false,"item_bottomcalc",null,p),this.props.selectedWidgetPropsChange(void 0,"item_formula",null,p),i==="price"&&this.props.selectedWidgetPropsChange("right","item_ctextalign","style",p);},0);};this.handleCurrencyFormatChange=(t,r,n)=>{this.props.selectedWidgetPropsChange(t,r,n,this.props.selectedWidgetProps),setTimeout(()=>{let i=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(void 0,"item_inputfield",null,i),this.props.selectedWidgetPropsChange(void 0,"item_currency",null,i),this.props.selectedWidgetPropsChange(void 0,"item_fixedlocale",null,i),this.props.selectedWidgetPropsChange(void 0,"item_currencydisplay",null,i);},0);};this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true}),this.autoPopulateColumnType();}componentDidUpdate(t){t.selectedWidgetProps!==this.props.selectedWidgetProps&&this.autoPopulateColumnType();}render(){var Pt,he,at,gr,hr;if(this.state.isLoaded===false)return null;let{component:t,segmentId:r,parentAllowEditRow:n,parentTableMode:i,parentDatasource:d,parentCellIndex:p}=((Pt=this.props.selectedWidgetProps)==null?void 0:Pt._path)||{};if(t===void 0||t!==O)return null;let{item_name:m,item_isprice:w,item_title:P,item_minsize:s,item_displaytooltip:y,item_enablesorting:D,item_increment:x,item_isdate:E,item_isdatetime:O$1,item_ischeckbox:B,item_bottomcalc:F,item_visible:J,item_editor:K,item_formula:z,item_readonly:q,item_format:U,item_assymbol:se,item_inputfield:xe,item_currency:Le,item_columntype:_e,item_currencydisplay:Oe,item_fixedlocale:Me,style:Be}=this.props.selectedWidgetProps,{item_textalign:l,item_ctextalign:h}=Be!=null?Be:{},u=_e!=null?_e:"freetext";_e||(E===true?u="date":O$1===true?u="datetime":B===true?u="checkbox":w===true?u="price":u="freetext");let T=!!(d!=null&&d.columns&&p!==void 0&&p>=0&&((he=d.columns[p])!=null&&he[2])),f=u==="date",C=u==="datetime",b=u==="checkbox",k=u==="price",N=u==="number",L=u==="freetext"||u==="",v=K,c=false;b?(v="checkbox",c=true):k||N?(v="number",c=true):L&&(v="input",c=true);let _=k,M=k&&(U==="locale"||U==="fixed-locale"),ye=k&&(U===""||U==="locale"),Ee=k&&U===""&&!M,Re=k&&U==="fixed-locale",Se=false,ue=!!n&&N||i==="tabulator",He=k||N,Fe=!!n&&v==="number"&&!f&&!C&&!b;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(Lr,{disabled:this.props.disabled,proptitle:"ID",propvalue:r,style:{fontSize:"9px",lineHeight:"20px"}}),jsx(S,{disabled:this.props.disabled,readOnly:!this.props.isBuildocsExtendedEditor,proptitle:"Caption",propname:"item_title",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Display Tooltip",propname:"item_displaytooltip",propvalue:y,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Enable Sorting",propname:"item_enablesorting",propvalue:D,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(_d,{disabled:this.props.disabled||T,propname:"item_columntype",propvalue:u,propChanged:this.handleColumnTypeChange}),_&&jsx(Kr,{disabled:this.props.disabled,propname:"item_format",propvalue:U,propChanged:this.handleCurrencyFormatChange}),Re&&jsx(to,{disabled:this.props.disabled,propname:"item_fixedlocale",propvalue:Me,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange},`fixedlocale-${p}`),M&&jsx(Zr,{disabled:this.props.disabled,propname:"item_currencydisplay",propvalue:Oe,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange},`currencydisplay-${p}`),ye&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Field Name",propname:"item_inputfield",attr:null,propvalue:xe,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),Ee&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Code",propname:"item_currency",attr:null,propvalue:Le,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),Se,ue&&jsx(g,{disabled:this.props.disabled,proptitle:"Increment",propname:"item_increment",propvalue:x,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Ie,{title:"Title Align",disabled:this.props.disabled,defaultValue:"center",propname:"item_textalign",propvalue:l,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ie,{title:"Content Align",disabled:this.props.disabled,defaultValue:"left",propname:"item_ctextalign",propvalue:h,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),He&&jsx(g,{disabled:this.props.disabled,proptitle:"Calculate Totals",propname:"item_bottomcalc",propvalue:F,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"item_readonly",propvalue:q,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,readOnly:true,proptitle:"Name",propname:"item_name",attr:null,propvalue:(hr=(gr=(at=d==null?void 0:d.columns)==null?void 0:at[p])==null?void 0:gr[1])!=null?hr:m,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Nd,{disabled:this.props.disabled,propname:"item_editor",propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange,readOnly:c}),Fe&&jsx(S,{disabled:this.props.disabled,proptitle:"Formula",propname:"item_formula",attr:null,propvalue:z,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Min Size",propname:"item_minsize",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"item_visible",propvalue:J,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]})}},Md=withTranslation()(Xn);var Jn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var D;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((D=this.props.selectedWidgetProps)==null?void 0:D._path)||{};if(t===void 0||t!==I)return null;let{name:n,viewfield:i,visible:d,style:p}=this.props.selectedWidgetProps,{fontSize:m,fontWeight:w,minHeight:P}=p!=null?p:{},s=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:d,propChanged:a.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:r})}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(we,{disabled:this.props.disabled,propvalue:m,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ce,{disabled:this.props.disabled,defaultValue:"normal",propvalue:w,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(g,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:i,propChanged:a.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:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{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(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&s,this.state.tabValue===1&&y]})}},Hd=withTranslation()(Jn);var Kn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"placeholdertype",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{tree:"Tree",dualbox:"Dual Box"}})})]})}},Ad=withTranslation()(Kn);var Qn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}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})}),jsxs("div",{className:e,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)})})]})]})}},Co=withTranslation()(Qn);var Zn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var E;if(this.state.isLoaded===false)return null;let{type:e,component:t,rowId:r,segmentId:n,widgetId:i}=((E=this.props.selectedWidgetProps)==null?void 0:E._path)||{};if(t===void 0||t!==J)return null;let{title:d,name:p,visible:m,placeholdertype:w,style:{textAlign:P,fontSize:s,fontWeight:y,color:D,minHeight:x}}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsx("div",{className:"header",children:"Placeholder Properties"}),jsx(Co,{disabled:this.props.disabled,proptitle:"ID",propvalue:i,style:{fontSize:"9px",lineHeight:"20px"},propChanged:a.setProps(this.props).removeWidgetButtonClick}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:x,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Ad,{disabled:this.props.disabled,proptitle:"Type",propname:"placeholdertype",propvalue:w,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:m,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]})}},qd=withTranslation()(Zn);var ei=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"viewcomp",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,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(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{"":"",btree:"Btree"}})})]})}},$d=withTranslation()(ei);var ti=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var B;if(this.state.isLoaded===false)return null;let{type:e,component:t,rowId:r,segmentId:n,widgetId:i}=((B=this.props.selectedWidgetProps)==null?void 0:B._path)||{};if(t===void 0||t!==S$1)return null;let{title:d,name:p,verticalalign:m,visible:w,viewcomp:P,plugincode:s,formcode:y,style:{textAlign:D,fontSize:x,fontWeight:E,color:O}}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsx("div",{className:"header",children:"View Properties"}),jsx(Co,{disabled:this.props.disabled,proptitle:"ID",propvalue:i,style:{fontSize:"9px",lineHeight:"20px"},propChanged:a.setProps(this.props).removeWidgetButtonClick}),jsx($d,{disabled:this.props.disabled,defaultValue:"",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Plugin Code",propname:"plugincode",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Form Code",propname:"formcode",attr:null,propvalue:y,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(we,{disabled:this.props.disabled,propvalue:x,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ce,{disabled:this.props.disabled,defaultValue:"normal",propvalue:E,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Vr,{disabled:this.props.disabled,defaultValue:"middle",propvalue:m,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ie,{disabled:this.props.disabled,defaultValue:"left",propvalue:D,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(g,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]})}},Yd=withTranslation()(ti);var ri=class extends ie.PureComponent{constructor(t){super(t);this.handleScroll=()=>{setTimeout(()=>{var t,r;(r=(t=this.gridContainerRef)==null?void 0:t.current)==null||r.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 d;if(this.state.isLoaded===false)return null;let t=f.isFloatingState()?"sidebar-float-active":"",r$1=this.state.leftSideBarVisible?"left-sidebar "+t:"left-sidebar minified sidebar-hide-left",n$2=(d=this.props.selectedWidgetProps)==null?void 0:d._path,i=n$2?`${n$2.widgetId||""}-${n$2.rowId||""}-${n$2.segmentId||""}-${n$2.tabId||""}-${n$2.panelId||""}`:"";return jsx("div",{id:"left-sidebar",className:r$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(ad,{...this.props,disabled:this.props.inPreviewMode},"checkbox-"+i),jsx(ga,{...this.props,disabled:this.props.inPreviewMode},"container-"+i),jsx(Hd,{...this.props,disabled:this.props.inPreviewMode},"fileuploader-"+i),jsx(Ts,{...this.props,disabled:this.props.inPreviewMode},"label-"+i),jsx(ys,{...this.props,disabled:this.props.inPreviewMode},"button-"+i),jsx(qd,{...this.props,disabled:this.props.inPreviewMode},"placeholder-"+i),jsx(pd,{...this.props,disabled:this.props.inPreviewMode},"radio-"+i),jsx(as,{...this.props,disabled:this.props.inPreviewMode},"row-"+i),jsx(ps,{...this.props,disabled:this.props.inPreviewMode},"rowsegment-"+i),jsx(td,{...this.props,disabled:this.props.inPreviewMode},"selectbox-"+i),jsx(gd,{...this.props,disabled:this.props.inPreviewMode},"tabbox-"+i),jsx(Rd,{...this.props,disabled:this.props.inPreviewMode},"table-"+i),jsx(Md,{...this.props,disabled:this.props.inPreviewMode},"tablecell-"+i),jsx(As,{...this.props,disabled:this.props.inPreviewMode},"textinput-"+i),jsx(Us,{...this.props,disabled:this.props.inPreviewMode},"textarea-"+i),jsx(Yd,{...this.props,disabled:this.props.inPreviewMode},"view-"+i)]}),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,{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:g$1.ROW,component:H,icon:jsx(I$1,{}),title:"Row",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g$1.TAB,component:D$1,icon:jsx(f$1,{}),title:"TabBox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g$1.TABLE,component:F,icon:jsx(H$1,{}),title:"Table Widget",disabled:this.props.inPreviewMode}),this.props.isBuildocsExtendedEditor&&jsx($e,{id:null,type:g$1.WIDGET,component:S$1,icon:jsx(j$1,{}),title:"View Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g$1.WIDGET,component:I,icon:jsx(h$1,{}),title:"File Uploader",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g$1.WIDGET,component:j,icon:jsx(J$1,{}),title:"Label Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g$1.WIDGET,component:n,icon:jsx(L$1,{}),title:"Text Input Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g$1.WIDGET,component:p,icon:jsx(K,{}),title:"TextArea Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g$1.WIDGET,component:s,icon:jsx(z,{}),title:"Selectbox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g$1.WIDGET,component:u,icon:jsx(F$1,{}),title:"CheckBox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g$1.WIDGET,component:w,icon:jsx(e$1,{}),title:"Radio Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g$1.WIDGET,component:Q,icon:jsx(G,{}),title:"Button Widget",disabled:this.props.inPreviewMode})]})]})})})}},Qd=withTranslation()(ri);function tp(o){let{children:e,value:t,index:r,...n}=o;return jsx("div",{role:"tabpanel",hidden:t!==r,id:`vertical-tabpanel-${r}`,"aria-labelledby":`vertical-tab-${r}`,style:{width:"100%",height:"100%"},...n,children:t===r&&jsx(tt,{sx:{height:"100%"},children:e})})}function rp(o){return {id:`vertical-tab-${o}`,"aria-controls":`vertical-tabpanel-${o}`}}function oi(o){var s;let[e,t]=useState((s=o.currentTab)!=null?s:0);ie.useEffect(()=>{o.currentTab!==void 0&&t(o.currentTab);},[o.currentTab]);let r=(y,D)=>{t(D),o.onTabChange&&o.onTabChange(D);},n=o.containerProps.formCode||"",i=o.containerProps.title||"",d=n.trim()==="",p=n.trim().length>0&&n.trim().length<3,m=d||p,w=i.trim()==="",P=!m&&!w;return ie.useEffect(()=>{!P&&e!==0&&!o.inPreviewMode&&(t(0),o.onTabChange&&o.onTabChange(0));},[P,e,o.inPreviewMode,o.onTabChange]),jsxs(tt,{sx:{flexGrow:1,bgcolor:"background.paper",display:"flex",height:"100%"},children:[jsxs(tt,{sx:{display:"flex",flexDirection:"column",borderRight:1,borderColor:"divider",minWidth:"80px"},children:[jsxs(_p,{orientation:"vertical",value:e,onChange:r,"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(ma,{icon:jsx(u$1,{size:20}),label:"General",...rp(0),sx:{flexDirection:"column",gap:.5}}),jsx(ma,{icon:jsx(v$1,{size:20}),label:"Build",...rp(1),disabled:!P,sx:{flexDirection:"column",gap:.5,opacity:P?1:.4}})]}),o.closeForm&&jsxs(tt,{onClick:()=>{var y;return (y=o.closeForm)==null?void 0:y.call(o)},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,{size:20}),jsx("span",{style:{fontSize:"11px"},children:"Close"})]})]}),jsx(tp,{value:e,index:0,children:jsx(_o,{containerProps:o.containerProps,onContainerPropsChange:o.onContainerPropsChange,disabled:o.inPreviewMode,onSave:o.saveForm,onNext:()=>{t(1),o.onTabChange&&o.onTabChange(1);}})}),jsx(tp,{value:e,index:1,children:jsx(Qd,{...o})})]})}var ge=c(a$3());function ni(o){let e=null;return ()=>(e==null&&(e=o()),e)}function op(o,e){return o.filter(t=>t!==e)}function np(o,e){let t=new Set,r=i=>t.add(i);o.forEach(r),e.forEach(r);let n=[];return t.forEach(i=>n.push(i)),n}var So=class{enter(e){let t=this.entered.length,r=n=>this.isNodeInDocument(n)&&(!n.contains||n.contains(e));return this.entered=np(this.entered.filter(r),[e]),t===0&&this.entered.length>0}leave(e){let t=this.entered.length;return this.entered=op(this.entered.filter(this.isNodeInDocument),e),t>0&&this.entered.length===0}reset(){this.entered=[];}constructor(e){this.entered=[],this.isNodeInDocument=e;}};var ko=class{initializeExposedProperties(){Object.keys(this.config.exposeProperties).forEach(e=>{Object.defineProperty(this.item,e,{configurable:true,enumerable:true,get(){return null}});});}loadDataTransfer(e){if(e){let t={};Object.keys(this.config.exposeProperties).forEach(r=>{let n=this.config.exposeProperties[r];n!=null&&(t[r]={value:n(e,this.config.matchesTypes),configurable:true,enumerable:true});}),Object.defineProperties(this.item,t);}}canDrag(){return  true}beginDrag(){return this.item}isDragging(e,t){return t===e.getSourceId()}endDrag(){}constructor(e){this.config=e,this.item={},this.initializeExposedProperties();}};var cr={};b$2(cr,{FILE:()=>ii,HTML:()=>di,TEXT:()=>si,URL:()=>ai});var ii="__NATIVE_FILE__",ai="__NATIVE_URL__",si="__NATIVE_TEXT__",di="__NATIVE_HTML__";function Eo(o,e,t){let r=e.reduce((n,i)=>n||o.getData(i),"");return r!=null?r:t}var Wo={[ii]:{exposeProperties:{files:o=>Array.prototype.slice.call(o.files),items:o=>o.items,dataTransfer:o=>o},matchesTypes:["Files"]},[di]:{exposeProperties:{html:(o,e)=>Eo(o,e,""),dataTransfer:o=>o},matchesTypes:["Html","text/html"]},[ai]:{exposeProperties:{urls:(o,e)=>Eo(o,e,"").split(`