@buildocsdev/sdk 1.1.21 → 1.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/{chunk-AEFU7GLK.js → chunk-PQ5N6YFT.js} +1 -1
  2. package/dist/chunk-XIDBIR6O.js +5 -0
  3. package/dist/datatable-3Z4BDOOD.js +1 -0
  4. package/dist/form.js +1 -1
  5. package/dist/{formeditor-EEW55OCF.js → formeditor-FNXKXE2S.js} +1 -1
  6. package/dist/formeditor.js +1 -1
  7. package/dist/metafile-esm.json +1 -1
  8. package/package.json +1 -1
  9. package/dist/chunk-WTWFI67X.js +0 -5
  10. package/dist/datatable-5D2UONII.js +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@buildocsdev/sdk",
3
- "version": "1.1.21",
3
+ "version": "1.1.23",
4
4
  "publishConfig": {
5
5
  "registry": "https://registry.npmjs.org/"
6
6
  },
package/dist/chunk-WTWFI67X.js DELETED
@@ -1,5 +0,0 @@
1
- import {b as b$3,c as c$1}from'./chunk-6K3ZZUUM.js';import {a as a$3,b as b$5}from'./chunk-AEFU7GLK.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(`
2
- `);this.convertToArray=t=>!t||t.trim()===""?[]:t.split(`
3
- `).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)
4
- 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(`
5
- `),dataTransfer:o=>o},matchesTypes:["Url","text/uri-list"]},[si]:{exposeProperties:{text:(o,e)=>Eo(o,e,""),dataTransfer:o=>o},matchesTypes:["Text","text/plain"]}};function ip(o,e){let t=Wo[o];if(!t)throw new Error(`native type ${o} has no configuration`);let r=new ko(t);return r.loadDataTransfer(e),r}function Do(o){if(!o)return null;let e=Array.prototype.slice.call(o.types||[]);return Object.keys(Wo).filter(t=>{let r=Wo[t];return r!=null&&r.matchesTypes?r.matchesTypes.some(n=>e.indexOf(n)>-1):false})[0]||null}var ap=ni(()=>/firefox/i.test(navigator.userAgent)),pi=ni(()=>!!window.safari);var ur=class{interpolate(e){let{xs:t,ys:r,c1s:n,c2s:i,c3s:d}=this,p=t.length-1;if(e===t[p])return r[p];let m=0,w=d.length-1,P;for(;m<=w;){P=Math.floor(.5*(m+w));let D=t[P];if(D<e)m=P+1;else if(D>e)w=P-1;else return r[P]}p=Math.max(0,w);let s=e-t[p],y=s*s;return r[p]+n[p]*s+i[p]*y+d[p]*s*y}constructor(e,t){let{length:r}=e,n=[];for(let x=0;x<r;x++)n.push(x);n.sort((x,E)=>e[x]<e[E]?-1:1);let d=[],p=[],m,w;for(let x=0;x<r-1;x++)m=e[x+1]-e[x],w=t[x+1]-t[x],d.push(m),p.push(w/m);let P=[p[0]];for(let x=0;x<d.length-1;x++){let E=p[x],O=p[x+1];if(E*O<=0)P.push(0);else {m=d[x];let B=d[x+1],F=m+B;P.push(3*F/((F+B)/E+(F+m)/O));}}P.push(p[p.length-1]);let s=[],y=[],D;for(let x=0;x<P.length-1;x++){D=p[x];let E=P[x],O=1/d[x],B=E+P[x+1]-D-D;s.push((D-E-B)*O),y.push(B*O*O);}this.xs=e,this.ys=t,this.c1s=P,this.c2s=s,this.c3s=y;}};var hm=1;function li(o){let e=o.nodeType===hm?o:o.parentElement;if(!e)return null;let{top:t,left:r}=e.getBoundingClientRect();return {x:r,y:t}}function mr(o){return {x:o.clientX,y:o.clientY}}function bm(o){var e;return o.nodeName==="IMG"&&(ap()||!(!((e=document.documentElement)===null||e===void 0)&&e.contains(o)))}function fm(o,e,t,r){let n=o?e.width:t,i=o?e.height:r;return pi()&&o&&(i/=window.devicePixelRatio,n/=window.devicePixelRatio),{dragPreviewWidth:n,dragPreviewHeight:i}}function sp(o,e,t,r,n){let i=bm(e),p=li(i?o:e),m={x:t.x-p.x,y:t.y-p.y},{offsetWidth:w,offsetHeight:P}=o,{anchorX:s,anchorY:y}=r,{dragPreviewWidth:D,dragPreviewHeight:x}=fm(i,e,w,P),E=()=>{let q=new ur([0,.5,1],[m.y,m.y/P*x,m.y+x-P]).interpolate(y);return pi()&&i&&(q+=(window.devicePixelRatio-1)*x),q},O=()=>new ur([0,.5,1],[m.x,m.x/w*D,m.x+D-w]).interpolate(s),{offsetX:B,offsetY:F}=n,J=B===0||B,K=F===0||F;return {x:J?B:O(),y:K?F:E()}}var Ro=class{get window(){if(this.globalContext)return this.globalContext;if(typeof window!="undefined")return window}get document(){var e;return !((e=this.globalContext)===null||e===void 0)&&e.document?this.globalContext.document:this.window?this.window.document:void 0}get rootElement(){var e;return ((e=this.optionsArgs)===null||e===void 0?void 0:e.rootElement)||this.window}constructor(e,t){this.ownerDocument=null,this.globalContext=e,this.optionsArgs=t;}};function vm(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function dp(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){vm(o,n,t[n]);});}return o}var Io=class{profile(){var e,t;return {sourcePreviewNodes:this.sourcePreviewNodes.size,sourcePreviewNodeOptions:this.sourcePreviewNodeOptions.size,sourceNodeOptions:this.sourceNodeOptions.size,sourceNodes:this.sourceNodes.size,dragStartSourceIds:((e=this.dragStartSourceIds)===null||e===void 0?void 0:e.length)||0,dropTargetIds:this.dropTargetIds.length,dragEnterTargetIds:this.dragEnterTargetIds.length,dragOverTargetIds:((t=this.dragOverTargetIds)===null||t===void 0?void 0:t.length)||0}}get window(){return this.options.window}get document(){return this.options.document}get rootElement(){return this.options.rootElement}setup(){let e=this.rootElement;if(e!==void 0){if(e.__isReactDndBackendSetUp)throw new Error("Cannot have two HTML5 backends at the same time.");e.__isReactDndBackendSetUp=true,this.addEventListeners(e);}}teardown(){let e=this.rootElement;if(e!==void 0&&(e.__isReactDndBackendSetUp=false,this.removeEventListeners(this.rootElement),this.clearCurrentDragSourceNode(),this.asyncEndDragFrameId)){var t;(t=this.window)===null||t===void 0||t.cancelAnimationFrame(this.asyncEndDragFrameId);}}connectDragPreview(e,t,r){return this.sourcePreviewNodeOptions.set(e,r),this.sourcePreviewNodes.set(e,t),()=>{this.sourcePreviewNodes.delete(e),this.sourcePreviewNodeOptions.delete(e);}}connectDragSource(e,t,r){this.sourceNodes.set(e,t),this.sourceNodeOptions.set(e,r);let n=d=>this.handleDragStart(d,e),i=d=>this.handleSelectStart(d);return t.setAttribute("draggable","true"),t.addEventListener("dragstart",n),t.addEventListener("selectstart",i),()=>{this.sourceNodes.delete(e),this.sourceNodeOptions.delete(e),t.removeEventListener("dragstart",n),t.removeEventListener("selectstart",i),t.setAttribute("draggable","false");}}connectDropTarget(e,t){let r=d=>this.handleDragEnter(d,e),n=d=>this.handleDragOver(d,e),i=d=>this.handleDrop(d,e);return t.addEventListener("dragenter",r),t.addEventListener("dragover",n),t.addEventListener("drop",i),()=>{t.removeEventListener("dragenter",r),t.removeEventListener("dragover",n),t.removeEventListener("drop",i);}}addEventListeners(e){e.addEventListener&&(e.addEventListener("dragstart",this.handleTopDragStart),e.addEventListener("dragstart",this.handleTopDragStartCapture,true),e.addEventListener("dragend",this.handleTopDragEndCapture,true),e.addEventListener("dragenter",this.handleTopDragEnter),e.addEventListener("dragenter",this.handleTopDragEnterCapture,true),e.addEventListener("dragleave",this.handleTopDragLeaveCapture,true),e.addEventListener("dragover",this.handleTopDragOver),e.addEventListener("dragover",this.handleTopDragOverCapture,true),e.addEventListener("drop",this.handleTopDrop),e.addEventListener("drop",this.handleTopDropCapture,true));}removeEventListeners(e){e.removeEventListener&&(e.removeEventListener("dragstart",this.handleTopDragStart),e.removeEventListener("dragstart",this.handleTopDragStartCapture,true),e.removeEventListener("dragend",this.handleTopDragEndCapture,true),e.removeEventListener("dragenter",this.handleTopDragEnter),e.removeEventListener("dragenter",this.handleTopDragEnterCapture,true),e.removeEventListener("dragleave",this.handleTopDragLeaveCapture,true),e.removeEventListener("dragover",this.handleTopDragOver),e.removeEventListener("dragover",this.handleTopDragOverCapture,true),e.removeEventListener("drop",this.handleTopDrop),e.removeEventListener("drop",this.handleTopDropCapture,true));}getCurrentSourceNodeOptions(){let e=this.monitor.getSourceId(),t=this.sourceNodeOptions.get(e);return dp({dropEffect:this.altKeyPressed?"copy":"move"},t||{})}getCurrentDropEffect(){return this.isDraggingNativeItem()?"copy":this.getCurrentSourceNodeOptions().dropEffect}getCurrentSourcePreviewNodeOptions(){let e=this.monitor.getSourceId(),t=this.sourcePreviewNodeOptions.get(e);return dp({anchorX:.5,anchorY:.5,captureDraggingState:false},t||{})}isDraggingNativeItem(){let e=this.monitor.getItemType();return Object.keys(cr).some(t=>cr[t]===e)}beginDragNativeItem(e,t){this.clearCurrentDragSourceNode(),this.currentNativeSource=ip(e,t),this.currentNativeHandle=this.registry.addSource(e,this.currentNativeSource),this.actions.beginDrag([this.currentNativeHandle]);}setCurrentDragSourceNode(e){this.clearCurrentDragSourceNode(),this.currentDragSourceNode=e;let t=1e3;this.mouseMoveTimeoutTimer=setTimeout(()=>{var r;return (r=this.rootElement)===null||r===void 0?void 0:r.addEventListener("mousemove",this.endDragIfSourceWasRemovedFromDOM,true)},t);}clearCurrentDragSourceNode(){if(this.currentDragSourceNode){if(this.currentDragSourceNode=null,this.rootElement){var e;(e=this.window)===null||e===void 0||e.clearTimeout(this.mouseMoveTimeoutTimer||void 0),this.rootElement.removeEventListener("mousemove",this.endDragIfSourceWasRemovedFromDOM,true);}return this.mouseMoveTimeoutTimer=null,true}return false}handleDragStart(e,t){e.defaultPrevented||(this.dragStartSourceIds||(this.dragStartSourceIds=[]),this.dragStartSourceIds.unshift(t));}handleDragEnter(e,t){this.dragEnterTargetIds.unshift(t);}handleDragOver(e,t){this.dragOverTargetIds===null&&(this.dragOverTargetIds=[]),this.dragOverTargetIds.unshift(t);}handleDrop(e,t){this.dropTargetIds.unshift(t);}constructor(e,t,r){this.sourcePreviewNodes=new Map,this.sourcePreviewNodeOptions=new Map,this.sourceNodes=new Map,this.sourceNodeOptions=new Map,this.dragStartSourceIds=null,this.dropTargetIds=[],this.dragEnterTargetIds=[],this.currentNativeSource=null,this.currentNativeHandle=null,this.currentDragSourceNode=null,this.altKeyPressed=false,this.mouseMoveTimeoutTimer=null,this.asyncEndDragFrameId=null,this.dragOverTargetIds=null,this.lastClientOffset=null,this.hoverRafId=null,this.getSourceClientOffset=n=>{let i=this.sourceNodes.get(n);return i&&li(i)||null},this.endDragNativeItem=()=>{this.isDraggingNativeItem()&&(this.actions.endDrag(),this.currentNativeHandle&&this.registry.removeSource(this.currentNativeHandle),this.currentNativeHandle=null,this.currentNativeSource=null);},this.isNodeInDocument=n=>!!(n&&this.document&&this.document.body&&this.document.body.contains(n)),this.endDragIfSourceWasRemovedFromDOM=()=>{let n=this.currentDragSourceNode;n==null||this.isNodeInDocument(n)||(this.clearCurrentDragSourceNode()&&this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover());},this.scheduleHover=n=>{this.hoverRafId===null&&typeof requestAnimationFrame!="undefined"&&(this.hoverRafId=requestAnimationFrame(()=>{this.monitor.isDragging()&&this.actions.hover(n||[],{clientOffset:this.lastClientOffset}),this.hoverRafId=null;}));},this.cancelHover=()=>{this.hoverRafId!==null&&typeof cancelAnimationFrame!="undefined"&&(cancelAnimationFrame(this.hoverRafId),this.hoverRafId=null);},this.handleTopDragStartCapture=()=>{this.clearCurrentDragSourceNode(),this.dragStartSourceIds=[];},this.handleTopDragStart=n=>{if(n.defaultPrevented)return;let{dragStartSourceIds:i}=this;this.dragStartSourceIds=null;let d=mr(n);this.monitor.isDragging()&&(this.actions.endDrag(),this.cancelHover()),this.actions.beginDrag(i||[],{publishSource:false,getSourceClientOffset:this.getSourceClientOffset,clientOffset:d});let{dataTransfer:p}=n,m=Do(p);if(this.monitor.isDragging()){if(p&&typeof p.setDragImage=="function"){let P=this.monitor.getSourceId(),s=this.sourceNodes.get(P),y=this.sourcePreviewNodes.get(P)||s;if(y){let{anchorX:D,anchorY:x,offsetX:E,offsetY:O}=this.getCurrentSourcePreviewNodeOptions(),J=sp(s,y,d,{anchorX:D,anchorY:x},{offsetX:E,offsetY:O});p.setDragImage(y,J.x,J.y);}}try{p==null||p.setData("application/json",{});}catch(P){}this.setCurrentDragSourceNode(n.target);let{captureDraggingState:w}=this.getCurrentSourcePreviewNodeOptions();w?this.actions.publishDragSource():setTimeout(()=>this.actions.publishDragSource(),0);}else if(m)this.beginDragNativeItem(m);else {if(p&&!p.types&&(n.target&&!n.target.hasAttribute||!n.target.hasAttribute("draggable")))return;n.preventDefault();}},this.handleTopDragEndCapture=()=>{this.clearCurrentDragSourceNode()&&this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover();},this.handleTopDragEnterCapture=n=>{if(this.dragEnterTargetIds=[],this.isDraggingNativeItem()){var i;(i=this.currentNativeSource)===null||i===void 0||i.loadDataTransfer(n.dataTransfer);}if(!this.enterLeaveCounter.enter(n.target)||this.monitor.isDragging())return;let{dataTransfer:p}=n,m=Do(p);m&&this.beginDragNativeItem(m,p);},this.handleTopDragEnter=n=>{let{dragEnterTargetIds:i}=this;if(this.dragEnterTargetIds=[],!this.monitor.isDragging())return;this.altKeyPressed=n.altKey,i.length>0&&this.actions.hover(i,{clientOffset:mr(n)}),i.some(p=>this.monitor.canDropOnTarget(p))&&(n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect=this.getCurrentDropEffect()));},this.handleTopDragOverCapture=n=>{if(this.dragOverTargetIds=[],this.isDraggingNativeItem()){var i;(i=this.currentNativeSource)===null||i===void 0||i.loadDataTransfer(n.dataTransfer);}},this.handleTopDragOver=n=>{let{dragOverTargetIds:i}=this;if(this.dragOverTargetIds=[],!this.monitor.isDragging()){n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect="none");return}this.altKeyPressed=n.altKey,this.lastClientOffset=mr(n),this.scheduleHover(i),(i||[]).some(p=>this.monitor.canDropOnTarget(p))?(n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect=this.getCurrentDropEffect())):this.isDraggingNativeItem()?n.preventDefault():(n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect="none"));},this.handleTopDragLeaveCapture=n=>{this.isDraggingNativeItem()&&n.preventDefault(),this.enterLeaveCounter.leave(n.target)&&(this.isDraggingNativeItem()&&setTimeout(()=>this.endDragNativeItem(),0),this.cancelHover());},this.handleTopDropCapture=n=>{if(this.dropTargetIds=[],this.isDraggingNativeItem()){var i;n.preventDefault(),(i=this.currentNativeSource)===null||i===void 0||i.loadDataTransfer(n.dataTransfer);}else Do(n.dataTransfer)&&n.preventDefault();this.enterLeaveCounter.reset();},this.handleTopDrop=n=>{let{dropTargetIds:i}=this;this.dropTargetIds=[],this.actions.hover(i,{clientOffset:mr(n)}),this.actions.drop({dropEffect:this.getCurrentDropEffect()}),this.isDraggingNativeItem()?this.endDragNativeItem():this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover();},this.handleSelectStart=n=>{let i=n.target;typeof i.dragDrop=="function"&&(i.tagName==="INPUT"||i.tagName==="SELECT"||i.tagName==="TEXTAREA"||i.isContentEditable||(n.preventDefault(),i.dragDrop()));},this.options=new Ro(t,r),this.actions=e.getActions(),this.monitor=e.getMonitor(),this.registry=e.getRegistry(),this.enterLeaveCounter=new So(this.isNodeInDocument);}};var pp=function(e,t,r){return new Io(e,t,r)};var wm=lazy(()=>import('./loadingcomponent-NJVJLQVC.js')),ik=withTranslation()(memo(function(e){let{isBuildocsExtendedEditor:t}=b$3(),{loadForm:r,saveForm:n}=b$1(),{UserDialog:i}=b$4(),d=e$2(),[p,m]=useState({plugincode:"",open:false,redraw:null}),[w,P]=useState(0),[s,y]=ie.useState({meta:{pluginCode:e.pluginCode,formCode:e.formCode},dialog:{widgetRemove:{showDialog:false,dialogTitle:"",dialogContent:"",buttonAgree:"",buttonDisagree:"",callBackFunc:()=>{}}},activeWidgetId:null,containerData:[],containerProps:{formCode:e.formCode||"",title:"Container",subtitle:"",description:"",sourcetable:"",systemform:false,skiphandler:true,hideheader:false,border:true,headerbackground:true,style:{maxWidth:"100%",minHeight:"5em"},_path:{type:g$1.CONTAINER,stricttype:null,component:null,tabId:null,panelId:null,rowId:null,segmentId:null,widgetId:null}},containerSetup:{},isLoaded:false,inPreviewMode:e.inPreviewMode||false,selectedWidgetProps:{title:"",subtitle:"",sourcetable:"",systemform:false,skiphandler:true,hideheader:false,border:true,headerbackground:true,style:{},_path:{type:"",stricttype:null,component:null,tabId:null,panelId:null,rowId:null,segmentId:null,widgetId:null}}});useEffect(()=>{e.inPreviewMode!==s.inPreviewMode&&y({...s,inPreviewMode:e.inPreviewMode});},[e.inPreviewMode]),useEffect(()=>{(async()=>{if(!r)return;let l=await r({pluginCode:s.meta.pluginCode,formCode:s.meta.formCode,isFormEditor:true}),h=[],u=s.containerProps,T$1={};try{let f={...l.payload},C=JSON.parse(f.definition);T.mapComponents(C._children),h=C._children,u=C.properties,T$1=C;}catch(f){}y({...s,containerProps:{...s.containerProps,...u,formCode:e.formCode||""},selectedWidgetProps:{...s.containerProps,...u,formCode:e.formCode||""},inPreviewMode:false,isLoaded:true,containerData:h,containerSetup:T$1});})();},[]);let D=(l,h,u,T$1,f,C,b,k,N)=>{var ye,Ee,Re,Se;let L,v,c,_,M;if(h!==g$1.CONTAINER)if(h===g$1.ROWSEGMENT)M=T.getTabContainerChildrens(s.containerData,T$1),c=M.data.filter(ue=>`${ue.id}`===f)[0],v=c._children.filter(ue=>`${ue.id}`===C)[0],y({...s,activeWidgetId:C,selectedWidgetProps:{...s.selectedWidgetProps,...v.properties,_path:{component:v.component,type:h,stricttype:v.component.displayName,tabId:u,panelId:T$1,rowId:f,segmentId:C,widgetId:b}}});else if(h===g$1.WIDGET)M=T.getTabContainerChildrens(s.containerData,T$1),c=M.data.filter(ue=>`${ue.id}`===f)[0],_=c._children.filter(ue=>`${ue.id}`===C)[0],v=_._children.filter(ue=>`${ue.id}`===b)[0],y({...s,activeWidgetId:b,selectedWidgetProps:{...s.selectedWidgetProps,...v.properties,_path:{component:v.component,type:h,stricttype:v.component.displayName,tabId:u,panelId:T$1,rowId:f,segmentId:C,widgetId:b}}});else if(h===g$1.ROW)M=T.getTabContainerChildrens(s.containerData,T$1),v=M.data.filter(ue=>`${ue.id}`===f)[0],y({...s,activeWidgetId:f,selectedWidgetProps:{...s.selectedWidgetProps,...v.properties,_path:{component:v.component,type:h,stricttype:v.component.displayName,tabId:u,panelId:T$1,rowId:f,segmentId:C,widgetId:b}}});else if(h===g$1.TABLE)M=T.getTabContainerChildrens(s.containerData,T$1),v=M.data.filter(ue=>`${ue.id}`===f)[0],y({...s,activeWidgetId:f,selectedWidgetProps:{...s.selectedWidgetProps,...v.properties,_path:{component:v.component,type:h,stricttype:v.component.displayName,tabId:u,panelId:T$1,rowId:f,segmentId:C,widgetId:b}}});else if(h===g$1.TABLECELL){M=T.getTabContainerChildrens(s.containerData,T$1),c=M.data.filter(He=>`${He.id}`===f)[0],v=c._children.filter(He=>`${He.id}`===C)[0];let ue=c._children.findIndex(He=>`${He.id}`===C);y({...s,activeWidgetId:C,selectedWidgetProps:{...s.selectedWidgetProps,item_format:void 0,item_fixedlocale:void 0,item_currencydisplay:void 0,item_inputfield:void 0,item_currency:void 0,item_assymbol:void 0,item_formula:void 0,item_bottomcalc:void 0,item_readonly:void 0,...v.properties,_path:{component:v.component,type:h,stricttype:v.component.displayName,tabId:u,panelId:T$1,rowId:f,segmentId:C,widgetId:b,parentAllowEditRow:(ye=c==null?void 0:c.properties)==null?void 0:ye.alloweditrow,parentTableMode:(Ee=c==null?void 0:c.properties)==null?void 0:Ee.tablemode,parentDatasource:(Re=c==null?void 0:c.properties)==null?void 0:Re.datasource,parentCellIndex:ue}}});}else h===g$1.TAB&&(L=T.findWidgetByIdRecursive(s.containerData,b),y({...s,activeWidgetId:b,selectedWidgetProps:{...L==null?void 0:L.item.properties,tabsetup:{...((Se=L==null?void 0:L.item.properties)==null?void 0:Se.tabsetup)||{},item_name:null},_path:{component:L==null?void 0:L.item.component,type:h,stricttype:L==null?void 0:L.item.component.displayName,tabId:u,panelId:T$1,rowId:f,segmentId:C,widgetId:b}}}));else y({...s,activeWidgetId:null,selectedWidgetProps:{...s.containerProps,_path:{type:g$1.CONTAINER}}});},x=(l,h)=>{let u=T.getTabContainerChildrens(l,h),T$1=u.data.filter(f=>`${f.id}`===h)[0];return {item:T$1,index:u.data.indexOf(T$1),path:u.path}},E$1=(l,h,u)=>{var T;if(l>0)if(u===null){let f$1=h._children.length;if(l>f$1)for(let C=f$1;C<l;C++)h._children.push({rowId:h.id,id:"tablecell-"+C+"-"+f.guid(),component:O,type:N$1.widgetType,stricttype:N$1.strictType,properties:{...N$1.objectInspector.defaultProps,item_title:u!=null&&u[C][0]?u[C][0]:"",item_name:u!=null&&u[C][1]?u[C][1]:"tc_"+C},_children:[]});else for(let C=f$1;C>l;C--)h._children.splice(-1);}else {let f$1={string:"freetext",freetext:"freetext",currency:"price",price:"price",date:"date",datetime:"datetime",number:"number",checkbox:"checkbox"},C=h._children;h._children=[];for(let b=0;b<l;b++){let k=C[b]&&C[b].properties?C[b].properties:N$1.objectInspector.defaultProps,N=u[b][2],L=N?(T=f$1[N])!=null?T:"freetext":void 0,v={};L!==void 0&&(v.item_columntype=L,k.item_columntype!==L&&(v.item_format=void 0,v.item_fixedlocale=void 0,v.item_currencydisplay=void 0,v.item_inputfield=void 0,v.item_currency=void 0,v.item_assymbol=false,v.item_bottomcalc=false,v.item_formula=void 0,L==="price"&&(v.style={...k.style,item_ctextalign:"right"}))),h._children.push({rowId:h.id,id:"tablecell-"+b+"-"+f.guid(),component:O,type:N$1.widgetType,stricttype:N$1.strictType,properties:{...k,item_title:u!=null&&u[b][0]?u[b][0]:"",item_name:u!=null&&u[b][1]?u[b][1]:"tc_"+b,...v},_children:[]});}}return h},O$1=(l,h,u,T$1)=>{let f$1,C$1,b,k,N,L$1,v,c,_,M,ye,{type:Ee,panelId:Re,rowId:Se,segmentId:ue,widgetId:He}=T$1._path;if(Ee===g$1.CONTAINER){let X={};u===null?X={...s.containerProps,[h]:l}:X={...s.containerProps,[u]:{...s.containerProps[u],[h]:l}},y({...s,selectedWidgetProps:{...s.selectedWidgetProps,[h]:l},containerProps:X});}else if(Ee===g$1.TAB){let X=T.getActiveTabPanelId(s.containerData,He);if(X===null||(b=T.getTabContainer(s.containerData,He),!b||!b.item||!b.item.properties))return;b.item.properties.tabsetup&&b.item.properties.tabsetup[h]!==void 0&&(v=b.item._children.filter(he=>`${he.id}`===X)[0],b.item.properties.tabsetup={...v.properties,[h]:l});let Fe=C.objectInspector.defaultProps.tabsetup,Pt=C.objectInspector.defaultProps.tabitemsetup;if(Fe[h])for(let he=0;he<b.item._children.length;he++)Pt[h]?(v=b.item._children.filter(at=>`${at.id}`===X)[0],v.properties={...v.properties,[h]:l}):(b.item._children[he].properties={...b.item._children[he].properties,[h]:l},b.item._children[he].id===X&&(b.item.properties.tabsetup={...b.item.properties.tabsetup||{},...b.item._children[he].properties}));else b.item.properties={...b.item.properties,[h]:l};if(h==="tabcount"){if(l>b.item._children.length)for(let he=b.item._children.length;he<l;he++){let at=b.item.properties.tabsetup||{};b.item._children.push(K(b.item.id,"0",{...at,item_name:(b.item.properties.name||"tab")+"_"+he}));}else if(l<b.item._children.length)for(let he=b.item._children.length;he>l;he--)b.item._children.pop();}c=T.getNodeUpdatePath(b.path,{$splice:[[b.index,1,{...b.item}]]}),y({...s,containerData:(0, ge.default)(s.containerData,c),selectedWidgetProps:{...s.selectedWidgetProps,...b.item.properties}});}else if(Ee===g$1.WIDGET){b=T.findWidgetByIdRecursive(s.containerData,He);let X=u!==null?{...b==null?void 0:b.item.properties,[u]:{...b==null?void 0:b.item.properties[u],[h]:l}}:{...b==null?void 0:b.item.properties,[h]:l};if(h==="reservedname"&&l!=="_custom"&&(X.name=l),h==="reservedregex"&&l!=="_custom"){let Fe="";switch(l){case "_codeInput":Fe="[a-zA-Z0-9]";break;case "_numbersOnly":Fe="\\d";break;case "_noSymbol":Fe="\\w";break;default:Fe="";break}X.regex=Fe;}c=T.getNodeUpdatePath(b==null?void 0:b.path,{$splice:[[b==null?void 0:b.index,1,{...b==null?void 0:b.item,properties:{...X}}]]}),y({...s,containerData:(0, ge.default)(s.containerData,c),selectedWidgetProps:{...s.selectedWidgetProps,...X}});}else if(Ee===g$1.ROW){if(k=T.getTabContainerChildrens(s.containerData,Re),f$1=k.data.filter(X=>`${X.id}`===Se)[0],N=k.data.indexOf(f$1),M=parseInt(l),M>0){if(ye=f$1._children.length,M>ye)for(let X=ye;X<M;X++){let Fe=X+"-"+f.guid();f$1._children.push({rowId:f$1.id,id:"rowsegment-"+Fe,component:L,stricttype:K$1.strictType,properties:{style:{flexGrow:1,minWidth:"100px"}},_children:[]});}else for(let X=ye;X>M;X--)f$1._children.splice(-1);f$1.properties={...f$1.properties,[h]:l};}c=T.getNodeUpdatePath(k.path,{$splice:[[N,1,{...f$1}]]}),y({...s,containerData:(0, ge.default)(s.containerData,c),selectedWidgetProps:{...s.selectedWidgetProps,[h]:l}});}else Ee===g$1.ROWSEGMENT?(k=T.getTabContainerChildrens(s.containerData,Re),f$1=k.data.filter(X=>`${X.id}`===Se)[0],C$1=f$1._children.filter(X=>`${X.id}`===ue)[0],N=k.data.indexOf(f$1),L$1=f$1._children.indexOf(C$1),C$1.properties.style={...C$1.properties.style,[h]:l},k.path.push(N),k.path.push("_children"),c=T.getNodeUpdatePath(k.path,{$splice:[[L$1,1,{...C$1}]]}),y({...s,containerData:(0, ge.default)(s.containerData,c),selectedWidgetProps:{...s.selectedWidgetProps,style:{...s.selectedWidgetProps.style,[h]:l}}})):Ee===g$1.TABLE?(k=T.getTabContainerChildrens(s.containerData,Re),f$1=k.data.filter(X=>`${X.id}`===Se)[0],N=k.data.indexOf(f$1),h==="columns"?(M=parseInt(l),M>0&&(f$1=E$1(M,f$1,null))):h==="datasource"&&(M=l==null?void 0:l.columns.length,M>0&&(f$1=E$1(M,f$1,l==null?void 0:l.columns),f$1.properties.columns=M)),u===null?f$1.properties={...f$1.properties,[h]:l}:f$1.properties={...f$1.properties,[u]:{...f$1.properties[u],[h]:l}},c=T.getNodeUpdatePath(k.path,{$splice:[[N,1,{...f$1}]]}),_=u!==null?{...s.selectedWidgetProps,[u]:{...s.selectedWidgetProps[u],[h]:l}}:{...s.selectedWidgetProps,[h]:l},y({...s,containerData:(0, ge.default)(s.containerData,c),selectedWidgetProps:_})):Ee===g$1.TABLECELL&&(k=T.getTabContainerChildrens(s.containerData,Re),f$1=k.data.filter(X=>`${X.id}`===Se)[0],C$1=f$1._children.filter(X=>`${X.id}`===ue)[0],N=k.data.indexOf(f$1),L$1=f$1._children.indexOf(C$1),u!==null?C$1.properties[u]={...C$1.properties[u],[h]:l}:C$1.properties={...C$1.properties,[h]:l},k.path.push(N),k.path.push("_children"),c=T.getNodeUpdatePath(k.path,{$splice:[[L$1,1,{...C$1}]]}),y(u!==null?{...s,containerData:(0, ge.default)(s.containerData,c),selectedWidgetProps:{...s.selectedWidgetProps,style:{...s.selectedWidgetProps.style,[h]:l}}}:{...s,containerData:(0, ge.default)(s.containerData,c),selectedWidgetProps:{...s.selectedWidgetProps,[h]:l}}));},B=l=>{d({msg:l,clearQueue:true,hideProgressBar:false});},F$1=l=>{let h=function(u){if(!u){y({...s,dialog:{...s.dialog,widgetRemove:{showDialog:false,dialogTitle:"",dialogContent:"",buttonAgree:"",buttonDisagree:"",callBackFunc:()=>{}}}});return}let T$1=T.findWidgetByIdRecursive(s.containerData,l);if((T$1==null?void 0:T$1.count)===1&&(T$1!=null&&T$1.item.tabId)&&(T$1==null?void 0:T$1.item.tabId.trim())!==""&&(T$1==null?void 0:T$1.item.type)!=="formwidget"){B('Unable to remove the widget. Here should be at least 1 "container" type widget to be remaining');return}let f=T.getNodeUpdatePath(T$1==null?void 0:T$1.path,{$splice:[[T$1==null?void 0:T$1.index,1]]});y({...s,activeWidgetId:null,selectedWidgetProps:{...s.containerProps},dialog:{...s.dialog,widgetRemove:{showDialog:false,dialogTitle:"",dialogContent:"",buttonAgree:"",buttonDisagree:"",callBackFunc:()=>{}}},containerData:(0, ge.default)(s.containerData,f)});};y({...s,dialog:{...s.dialog,widgetRemove:{showDialog:true,dialogTitle:"Remove Widget ?",dialogContent:"Are you sure you want to remove the widget?",buttonAgree:"Continue",buttonDisagree:"Close",callBackFunc:h}}});},J=async()=>{if(s.inPreviewMode){P(1),y({...s,inPreviewMode:false});return}let l={type:"Formcontainer",stricttype:"_Formcontainer",properties:{...s.containerProps},_children:s.containerData&&s.containerData.length>0?s.containerData:[]};try{if(!n)return;await n({pluginCode:s.meta.pluginCode,formCode:s.meta.formCode,data:JSON.stringify(l)}).then(h=>{if(h.meta.requestStatus==="fulfilled"){let u={...h.payload};m({...p,plugincode:s.meta.pluginCode,open:u.isNew===!0,redraw:u.isNew===!0});}}),P(1),y({...s,inPreviewMode:!0,containerSetup:l});}catch(h){d({msg:"Failed to save form. Please try again."});}},K=(l,h="0",u)=>{let T="tabpanel-"+f.guid(),f$1=[],C$1=z(l,T);return f$1.push(C$1),{activeTab:h,tabId:l,id:T,component:lo,stricttype:C.strictType,type:C.widgetType,properties:{...C.objectInspector.defaultProps.tabsetup,...u},_children:f$1}},z=(l,h)=>{let u="row-"+f.guid(),T=[],f$1=1;for(let C=0;C<f$1;C++)T.push({rowId:u,id:"rowsegment-"+C+"-"+u,component:L,type:K$1.widgetType,stricttype:K$1.strictType,properties:{style:{flexGrow:1,minWidth:"100px"}},_children:[]});return {id:u,tabId:l,panelId:h,component:H,type:G$1.widgetType,stricttype:G$1.strictType,properties:{title:"",columns:"1",style:{}},_children:T}},q=(l,h,u,T$1)=>{let f$1="table-"+f.guid(),C=[];return C.push({rowId:f$1,id:"tablecell-1-"+f$1,component:O,type:N$1.widgetType,stricttype:N$1.strictType,properties:{...N$1.objectInspector.defaultProps,item_name:"tc_1"},_children:[]}),{id:f$1,tabId:h,panelId:u,component:F,type:E.widgetType,stricttype:E.strictType,properties:{...E.objectInspector.defaultProps,name:T.getItemDefaultName(F,l)},_children:C}},U=(l,h,u,T$1,f,C,b,k,N)=>{let L,v,c,_;{C={...C,item_name:C.name+"_"+b},_=K(T$1,"1",C);let M=[];return M.push(_),h&&u?(L=T.getTabContainerChildrens(l,u),c={...f,tabId:h,panelId:u,id:T$1,properties:{...f.properties,name:C.name},_children:M},v=T.getNodeUpdatePath(L.path,{$splice:[[L.index,0,c]]}),{result:(0, ge.default)(l,v),nodeData:c}):(c={...f,tabId:h,panelId:u,id:T$1,properties:{...f.properties,name:C.name},_children:M},{result:(0, ge.default)(l,{$splice:[[Number(k||b),0,c]]}),nodeData:c})}},se=(l,h,u,T$1,f,C,b,k)=>{let N,L,v;return b?(0, ge.default)(l,{$splice:[[l.length,1,{...f,id:T$1,_children:k}]]}):(f.component===F?v=q(l,h,u):v=z(h,u),L=T.getTabContainerChildrens(l,u),N=T.getNodeUpdatePath(L.path,{$splice:[[C,0,{...v}]]}),{result:(0, ge.default)(l,N),nodeData:v})},xe=(l,h,u,T$1,f,C=null)=>{let b,k,N=[];if(u.component===D$1)N=u._children;else if(u.component===H){if(u._children&&u._children.length>0)N=u._children;else if(b=parseInt(u.properties.columns),b>0)for(let L$1=0;L$1<b;L$1++)N.push({rowId:h,id:"rowsegment-"+L$1+"-"+h,component:L,type:K$1.widgetType,stricttype:K$1.strictType,properties:{style:{flexGrow:1,minWidth:"100px"}},_children:[]});}else if(u.component===F){if(u._children&&u._children.length>0)N=u._children;else if(u.properties={...E.objectInspector.defaultProps,name:T.getItemDefaultName(F,l)},b=parseInt(u.properties.columns),b>0)for(let L=0;L<b;L++)N.push({rowId:h,id:"tablecell-"+L+"-"+h,component:O,type:N$1.widgetType,stricttype:N$1.strictType,properties:{...N$1.objectInspector.defaultProps,item_name:"tc_"+L},_children:[]});}return f?(0, ge.default)(l,{$splice:[[l.length,1,{...u,id:h,_children:N}]]}):(k=T.getNodeUpdatePath(C,{$splice:[[T$1,0,{...u,id:h,_children:N}]]}),(0, ge.default)(l,k))},Le=(l,h,u,T$1,f,C,b)=>{let k=T.getTabContainerChildrens(l,T$1),N=T.findWidgetByIdRecursive(k.data,f),L=N==null?void 0:N.item._children.filter(M=>`${M.id}`===C)[0],v=N==null?void 0:N.item._children.indexOf(L);k.path.push(N==null?void 0:N.index),k.path.push("_children"),k.path.push(v),k.path.push("_children");let c={...b,id:h},_=T.getNodeUpdatePath(k.path,{$splice:[[0,0,c]]});return {result:(0, ge.default)(l,_),nodeData:c}},_e=(l,h,u,T$1,f,C,b)=>{let k,N,L;k=T.getTabContainerChildrens(l,b.panelId);let v=T.findWidgetByIdRecursive(k.data,b.rowId),c=v==null?void 0:v.item._children.filter(Re=>`${Re.id}`===b.segmentId)[0],_=v==null?void 0:v.item._children.indexOf(c);k.path.push(v==null?void 0:v.index),k.path.push("_children"),N=T.getNodeUpdatePath(k.path,{$splice:[[_,1,{...c,_children:[]}]]}),l=(0, ge.default)(l,N),k=T.getTabContainerChildrens(l,T$1);let M=T.findWidgetByIdRecursive(k.data,f),ye=M==null?void 0:M.item._children.filter(Re=>`${Re.id}`===C)[0],Ee=M==null?void 0:M.item._children.indexOf(ye);return k.path.push(M==null?void 0:M.index),k.path.push("_children"),k.path.push(Ee),k.path.push("_children"),L={...b,tabId:u,panelId:T$1,rowId:f,segmentId:C},N=T.getNodeUpdatePath(k.path,{$splice:[[0,1,{...L}]]}),{result:(0, ge.default)(l,N),nodeData:L}},Oe=l=>{s.dialog.widgetRemove.callBackFunc(l);},Me=useCallback(()=>{m({...p,open:false});},[]);return (()=>{var N,L,v;if(s.isLoaded===false)return ie.createElement("div",{},jsx(wm,{}));let l=s.containerData||[],h=()=>{let c=function(W){setTimeout(function(){y({...s,containerData:W});},0);},_=useCallback(W=>{if(W.id===null){let A=T.getTypeAsString(W.component)+"-"+l.length+"-"+f.guid();l=xe(l,A,W,l.length,true,W.path),y({...s,activeWidgetId:A,containerData:l,selectedWidgetProps:{...s.selectedWidgetProps,...W.properties,_path:{...s.selectedWidgetProps._path,type:W.type,stricttype:W.component.displayName,component:W.component,rowId:A}}});}},[]),M$1=useCallback((W,A,Q)=>{let te;if(W.id===null){let ee="tab-"+f.guid(),be={name:T.getItemDefaultName(D$1,l)};if(te=U(l,A,Q,ee,W,be,l.length,null),!te)throw new Error("Tab was not inserted... Please contact technical support");y({...s,activeWidgetId:ee,containerData:te.result,selectedWidgetProps:{...s.selectedWidgetProps,...te.nodeData.properties,name:be.name,_path:{...s.selectedWidgetProps._path,type:W.type,stricttype:W.component.displayName,component:W.component,widgetId:ee}}});}},[]),ye=useCallback((W,A,Q,te,ee,be)=>{let Ae,me,Ve,de=W.id,ot=W.type,Tt=W.component,Xt=W.properties;if((de===null?"add":"move")==="add")if(de=l.length+"-"+f.guid(),A){if(W.component===D$1){de="tab-"+de;let ke={name:T.getItemDefaultName(D$1,l)};if(me=U(l,A,Q,de,W,ke,l.length,null),!me)throw new Error("Tab was not inserted... Please contact technical support");l=me.result,Xt=me.nodeData.properties;}else me=se(l,A,Q,de,W,Se(A,Q,te).index,false,{}),l=me.result,Xt=me.nodeData.properties;de=me.nodeData.id;}else if(W.component===D$1){de="tab-"+de;let ke={name:T.getItemDefaultName(D$1,l)};if(me=U(l,A,Q,de,W,ke,Se(A,Q,te).index,ee),!me)throw new Error("Tab was not inserted... Please contact technical support");l=me.result,Xt=me.nodeData.properties;}else l=xe(l,de,W,Se(null,null,te).index,false,W.path);else if(be){let ke=Se(A,Q,de);ot=ke.item.type,Xt=ke.item.properties,Tt=ke.item.component,Ve=T.getNodeUpdatePath(ke.path,{$splice:[[ke.index,1],[ee,0,ke.item]]}),l=(0, ge.default)(l,Ve);}else {let ke=Se(W.tabId,W.panelId,de);if(W.tabId===ke.item.tabId&&A===ke.item.id||A!==null&&T.isChildrenTab(l,A,ke.item.id))return;if(W.panelId&&W.panelId!==""&&(Ae=T.getTabContainer(l,W.panelId),Ae&&Ae.item._children.length===1)){B("The Tab widget should have at least 1 widget to be remaining...");return}Ve=T.getNodeUpdatePath(ke.path,{$splice:[[W.originalIndex,1]]}),l=(0, ge.default)(l,Ve);let ci=br=>{var ui;br.tabId=A,br.panelId=Q,((ui=br._children)==null?void 0:ui.length)>0&&br._children.forEach(ci);};ci(ke.item);let fp=x(l,Q).path;l=xe(l,de,ke.item,Se(A,Q,te).index,false,fp);}y({...s,activeWidgetId:de,containerData:l,selectedWidgetProps:{...s.selectedWidgetProps,...Xt,_path:{...s.selectedWidgetProps._path,type:ot,component:Tt,tabId:A,panelId:Q,rowId:de,widgetId:de}}});},[]),Ee=useCallback(()=>{c(l);},[]),Re=useCallback((W,A,Q,te,ee)=>{let be,Ae,me,Ve,de,ot,Tt;ee.id===null?(be=f.guid(),me=T.getDefaultTabIndex(l),Ae=T.getItemDefaultName(ee.component,l),Tt={...ee.properties,name:Ae},ee.properties.tabIndex!==void 0&&(Tt={...ee.properties,name:Ae,tabIndex:me}),ot=Le(l,be,W,A,Q,te,{...ee,tabId:W,panelId:A,properties:Tt}),Ve=ot.result,de=ot.nodeData):(be=ee.id,Ae=ee.properties.name,me=ee.properties.tabIndex,ot=_e(l,be,W,A,Q,te,ee),Ve=ot.result,de=ot.nodeData),y({...s,activeWidgetId:be,containerData:Ve,selectedWidgetProps:{...s.selectedWidgetProps,...de.properties,name:Ae,tabIndex:me,_path:{...s.selectedWidgetProps._path,type:ee.type,stricttype:ee.component.displayName,component:ee.component,panelId:A,rowId:Q,segmentId:te,widgetId:be}}});},[]),Se=useCallback((W,A,Q)=>T.findRowItem(W,A,Q,l),[]),ue=useCallback((W,A,Q,te)=>T.findSegmentItem(W,A,Q,te,l),[]),He=useCallback((W,A,Q,te)=>T.findTableCellItem(W,A,Q,te,l),[]),X=useCallback((W,A)=>T.findPanelItem(W,A,l),[]),Fe=useCallback((W,A,Q)=>T.findWidgetByIdRecursive(l,Q),[]),Pt=useCallback((W,A,Q)=>{},[]),he=useCallback((W,A,Q,te,ee,be,Ae,me)=>{D(W,A,Q,te,ee,be,Ae);},[]),at=useCallback(()=>s.activeWidgetId,[]),gr=useCallback((W,A)=>T.getActiveTabIndex(l,A),[]),hr=useCallback(W=>{B(W);},[]),mp=useCallback(()=>true,[]),gp=useCallback((W,A,Q)=>{var me;let te=T.getTabContainer(l,A),ee=T.getTabContainerChildrens(l,A);for(let Ve=0;Ve<ee.data.length;Ve++)ee.data[Ve].activeTab="0";let be=ee.data.filter((Ve,de)=>de===Q)[0];if(!be||!te||!te.item)return;be.properties={...((me=te.item.properties)==null?void 0:me.tabsetup)||{},...be.properties||{}};let Ae=T.getNodeUpdatePath(ee.path,{$splice:[[Q,1,{...be,activeTab:"1"}]]});y({...s,activeWidgetId:A,containerData:(0, ge.default)(l,Ae),selectedWidgetProps:{...s.selectedWidgetProps,...te.item.properties,tabsetup:{...be.properties},_path:{...s.selectedWidgetProps._path,component:te.item.component,type:g$1.TAB,stricttype:te.item.component.displayName,tabId:W,panelId:be.id,rowId:null,segmentId:null,widgetId:A}}});},[]),hp=useCallback(W=>{},[]),bp=useCallback(W=>{},[]);return ie.createElement(M,{addRowItem:_,addTabItem:M$1},l.map(({id:W,tabId:A,panelId:Q,type:te,component:ee})=>ie.createElement(ee,{key:"element_"+W,id:W,tabId:A,panelId:Q,className:te,getSelectedWidgetId:at,setActiveTabIndex:gp,getActiveTabIndex:gr,findRowItem:Se,moveRowItem:ye,saveFormState:Ee,addRowSegmentItem:Re,findPanelItem:X,findSegmentItem:ue,findTableCellItem:He,findWidgetItem:Fe,moveWidgetItem:Pt,onPointerUp:he,showMessage:hr,getEditMode:mp,getFormData:bp,eventDispatcher:hp},W)))},{maxWidth:u,minHeight:T$1}=((N=s.containerProps)==null?void 0:N.style)||{},f$1=e.leftSideBarVisible?"content-wrapper "+(window.innerWidth<990?"expanded-full":""):"content-wrapper expanded-full ",C=c=>{let{title:_,subtitle:M}=c,ye=_;return M!==void 0&&M!==""&&(ye=_+" - "+M),ye},b=(c,_)=>{y({...s,containerProps:{...s.containerProps,[c]:_},selectedWidgetProps:{...s.selectedWidgetProps,[c]:_}});},k=jsxs("div",{className:"formeditor-layout",children:[jsx("div",{id:"left-sidebar-wrapper",style:{width:w===1?"auto":"100%"},children:jsx(oi,{selectedWidgetProps:s.selectedWidgetProps,selectedWidgetPropsChange:O$1,removeWidgetButtonClick:F$1,saveForm:J,closeForm:e.modalCloseFn,inPreviewMode:s.inPreviewMode||false,containerProps:s.containerProps,onContainerPropsChange:b,onTabChange:P,currentTab:w,isBuildocsExtendedEditor:t,pluginCode:s.meta.pluginCode})}),s.inPreviewMode===false&&w===1&&jsx("div",{id:"main-content-wrapper",className:f$1,children:jsx("div",{className:"content",children:jsx("div",{className:"main-content on-scrollbar",style:{overflowY:"scroll",height:"85vh",padding:"0 10px 10px 10px"},children:jsxs("div",{id:"formeditorCanvas",style:{maxWidth:u,border:((L=s.containerProps)==null?void 0:L.border)===false?"none":void 0},children:[jsx("div",{className:"formeditor-header top-border-radius",style:{backgroundColor:((v=s.containerProps)==null?void 0:v.headerbackground)===false?"transparent":void 0},onPointerUp:c=>{D(c,g$1.CONTAINER,null);},children:C(s.containerProps)}),jsx("div",{className:"formeditor-container bottom-border-radius",style:{minHeight:T$1},children:jsx(h,{})})]})})})}),s.inPreviewMode===true&&p.open===true&&jsx(c$1,{plugincode:p.plugincode,modalCloseCallBack:Me}),s.inPreviewMode===true&&p.open===false&&w===1&&jsx(b$5,{previewMode:s.inPreviewMode,className:f$1,maxWidth:u,setup:s.containerSetup,params:{pluginCode:e.pluginCode,formCode:e.formCode},enableEventHandlers:false}),jsx(i,{...s.dialog.widgetRemove,handleDialogClose:Oe})]});return s.inPreviewMode===true?k:jsx(rs,{backend:pp,options:{},children:k})})()})),ak={cursor:"move",opacity:1};export{ik as a,ak as b};